Membuat Baca “Selengkapnya” di Blogger

Dalam suatu posting, kadang kita menulis terlalu banyak. Akibatnya halaman blog akan menjadi terlalau panjang dan menjadi tidak 'indah' dilihat. Untuk menyiasati hal tersebut diperlukan suatu trik untuk 'memendekkan' posting dengan “Baca Selengkapnya” atau “Read More”. Tips ini (script read more nya) saya ambil dari blognya mas Isnaini. Ikuti langkah-langkahnya.

1. Login ke blogger.com, pilih blog yang pengen kamu edit

2. klik link Layout kemudian masuk ke Edit HTML Untuk bisa ngedit template secara keseluruhan, kamu harus centang / tandai Expand Widget Templates
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.

NB : Tulisan yang ditebalkan bisa kamu ganti dengan tulisan lain, seperti nerusin baca, atau baja kelanjutannya.