Membuat read more untuk blogger

Sobat ceritaku tulisanku, ane lagi bingung nich....mau posting apa lagi, kepala ane juga agak sedikit pusing. Tapi tiba-tiba teringat karena ane suka ganti-ganti template dan membutuhkan waktu untuk membuat "Baca selengkapnya" pada blog, daripada ane kebanyakkan boomark beberapa sobat bloger, ane jadikan blog ceritaku tulisanku menjadi sebuah arsip buat ane sendiri.

Membuat read more atau membuat baca selengkapnya, mungkin sudah ketinggalan tapi ini penting buat ane, dan tutorial lengkap ane ambil dari sobat blogger Isnaini, mudah membuatnya dan mudah untuk dipahami.

Sekarang sobat langsung aja tutorial cara membuat read more ini :

Pertama :

>>> Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML

>>> Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates

Silakan klik untuk melihat lebih detail :

>>> Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:

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

>>>> Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

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

>>>> Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose

Tweet