Cara Buat Read More di Blog Blogger

Di Blogger.com kebanyakan template yang tersedia/template buatan para blogger tidak ada fungsi "read more" atau "baca selanjutnya". Bagi anda para blogger mania yang ingin memasang read more di blogger jangan khawatir kini sudah banyak tersedia macam-macam tutorial yang membahas tentang fungsi read more.

Saya akan bahas fungsi read more yang versi standar dan banyak di pakai orang (saya juga pakai ini).

Kita mulai (tutorial ini untuk template beta)

1. Sign ini ke blog anda, tuju tab Lay Out -> Edit HTML.

2. PENTING: Backup template anda dengan mengklik Download Full Template, takut-takut ada kesalahan, anda bisa backup kembali template anda.

3. Klik kotak yang ada tulisan Expand Widget Template.

4. Cari kode template di bawah ini:

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

5. Jika sudah ketemu tambahkan kode dibawah ini tepat di ATAS kode diatas.

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

6. Selanjutnya tambahkan kode dibawah ini tepat di BAWAH kode tadi.

<b:else/><style>.fullpost{display:none;}</style><p><data:post.body/></p><a expr:href='data:post.url'><b>Readmore >></b></a></b:if>

7. Setelah itu Simpan Template.

8. Langkah selanjutnya adalah meletakkan kode untuk posting.
tuju tab Setting -> Formatting pada layar paling bawah ada kotak kosong disampingnya bertuliskan Post Template. Isi dengan kode dibawah ini:

<span class="fullpost">

</span>

9. Lalu simpan.

10. Langkah selanjutnya adalah cara membuat posting.
Tuju tab Posting -> New Post -> Edit Html

Contoh:

Artikel ini yang akan nampak pada frontpage/halaman depan
<span class="fullpost">
Paragraf ini akan di hidden oleh readmore link
</span>

Maka hasilnya adalah seperti ini:
Artikel ini yang akan nampak pada frontpage/halaman depan
Read More >>

11. Lalu simpan dan lihat hasilnya...!

Salam Blogger

Source: help.blogger.com