Cara Membuat Read More/Baca Selengkapnya

Jika postingan sobat terlalu panjang maka akan membuat halaman utama menjadi penuh. Untuk memperpendek postingan sobat yang di tampilkan di halaman utama kemudian ada sebuah link Read More / Baca Selengkapnya, maka langkah-langkah yang sobat lakukan adalah :


1. Login ke Blogger
2. Pilih Layout terus Edit HTML, beri centang pada tulisan Expand Widget Template
3. Cari (CTRL+F) kode <div class='post-body'> 
4. Letakkan kode di bawah ini dibawah kode <div class='post-body'>


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


5. Cari kode dibawah ini. biasanya terletak di bawah kode diatas

<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

6. Letakkan kode di bawah ini persis dibawah kode <p><data:post.body/></p>

<a expr:href='data:post.url'>Read More .. </a>
</b:if>

7. Kemudian SIMPAN template

Jadi susunannya seperti ini:


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Langkah selanjutnya :
8. Klik Setting lalu klik Formatting9. Cari Kotak post template
10. Masukan kode dibawah ini :


<div class="fullpost">
</div>


11.  Kemudian Simpan.

untuk memposting artikel, klik Edit HTML bukan Compose dan akan terlihat kode di bawah ini:

<div class="fullpost">
</div>

Kemudian ketik postingan yang akan Sobat munculkan di halaman muka diatas kode <div class="fullpost"> dan sisanya atau yang akan di sembunyikan dibawah kode <div class="fullpost"> dan diatas kode </div>

Selamat Mencoba.

Baca Juga Artikel Lainnya: