Membuat Read More / Baca Selengkapnya Pada Postingan Blog

Agar halaman depan “home” kita tidak terlalu panjang karena menampilkan seluruh postingan kita, sebaiknya kita buat postingan tersebut terpotong hanya sebagian sehingga manjadi lebih rapi. Dan tentunya dapat membuat pengunjung penasaran, hehe..
Berikut adalah caranya yang saya dapat dari berbagai sumber.

1.Login ke blog kita
2.Masuk Edit HTML dan centang Expand Widget
3.Masukkan kode berikut sebelum kode </head> atau sesudah kode ]]></b:skin>
(Gunakan Ctrl + F untuk mencari)

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

4.Selanjutnya cari kode <p><data:post.body/></p> dalam template kita dan tambahkan kode berikut tepat dibawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

5.Nah supaya terpotong, setiap kali kita posting, tambahkan kode berikut.

Postingan yang ingin dipotong
<span class="fullpost">
Sisa postingan
</span>

Contoh penulisan posting:
Tahukah kenapa manusia purba tidak punya facebook?<span class="fullpost">
Itu karena pada jaman dahulu kala tidak ada komputer dan internet, sehingga manusia purba semuanya tidak punya account facebook.</span>

Dan hasil akhir postingan akan seperti ini:
Tahukah kenapa manusia purba tidak punya facebook? Read more...



Semoga bermanfaat...

Artikel Terkait