Cara Membuat Read More di Blogspot

Pernah lihat tombol Read More di sebuah blog? Gak usah jauh - jauh, liat aja blog judotenslab ini. Seluruh post di front page hanya berupa short description dan disertakan tombol Read More untuk pengunjung yang ingin membaca lebih jauh keseluruhan isi artikel. Mari kita coba telusuri jauh cara membuatnya untuk anda yang menggunakan blogspot.

Ikuti beberapa petunjuk berikut ini :

1. Masuklah ke EDIT HTML di menu Layout.

2. Centanglah Edit Widget Templates untuk memunculkan seluruh kode template.

3. Tekan CTRL + F dan cari : <div class="'post-header-line-1/">

4. Telusuri kebawah dan cari kode : <div class="post-body">

5. Selipkanlah kode berikut diantara kedua baris kode tadi :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<b:else/>
<style>.fullpost{display:none;}</style>
</b:if>

6. Lalu di bawah baris kode <data:post.body> selipkanlah kode berikut :

<br/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'><b>Baca Selengkapnya &#187;</b></a>
</b:if>

7. Save Templates

8. Masuk ke Settings - Formatting dan cari bagian Post Template. Kopi kode berikut ini :

<span class="fullpost"></span>

Mulai sekarang setiap anda posting artikel baru akan muncul kode di atas sebagai default template. Klik terlebih dahulu tombol Edit HTML untuk memunculkan kode di text - editor. Letakkan short description setiap post sebelum baris kode tadi. Dan kelanjutan dari isi artikel letakkan di diantara kode <span class="fullpost"> dan </span>

Sebagai contoh :

Halo bloggers.
Ini adalah short descripsi artikel bla bla bla.
<span class="fullpost">
Nah disini isi fullpostnya. Bla bla bla bla bla
</span>

Selamat Mencoba!