Cara Membuat Read More

Ini adalah salah satu contoh dalam pembahasan mempelajari bahasa XML template Blogger. Walaupun sekarang Blogger telah menyediakan fasilitas readmore, tetapi tidak ada salahnya apabila anda ingin mencoba atau mempelajari bagaimana cara memasang readmore versi lama ini. Begini caranya.

1. Login dulu ke Blogger, lalu klik menu Tata Letak > Edit HTML.

2. Backup dulu yah templatenya...

3. Centang checkbox Expand Template Widget.

4. Cari kode:

<p><data:post.body/></p>

5. Lalu hapus dan ganti dengan:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'>KLIK DISINI UNTUK BACA SELENGKAPNYA</a></p>
</b:if>

6. Simpan template anda.

7. Beralih ke tab Posting, klik menu Edit Entri, lalu edit setiap entri anda. Editlah dengan format:

(bagian artikel yang akan ditampilkan)
<span class="fullpost">
(bagian artikel yang akan disembunyikan)
</span>

8. Terbitkan entri anda.

9. Lihat homepage blog anda. Akan tampil sebagian artikel, lalu bagian lainnya akan terbuka setelah anda mengeklik link dibawah artikel pada homepage. Mau tahu kenapa?

Penjelasan:

Lihat lagi perintahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'>KLIK DISINI UNTUK BACA SELENGKAPNYA</a></p>
</b:if>

Artinya: Pada halaman postingan, bagian yang termasuk dalam kelas (class) fullpost, akan ditampilkan. Sedangkan pada halaman selain halaman postingan, bagian yang termasuk dalam kelas (class) fullpost akan disembunyikan (tidak ditampilkan). Lalu dibawah postingan akan tampil link yang menuju ke postingan anda. Mengerti?

Terima kasih, dan semoga bermanfaat.