Cara Membuat Read More di Blogspot

Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML
• Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
• Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti dibawah 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 anda 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 anda menulis artikel posting, klik pada bagian artikel dimana anda pengen tulisan Read More.. muncul, lalu ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel sampai selesai, akhiri dengan mengetik </span> . Untuk menambahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose
• Tulisan Read More.. seperti yang berwarna merah pada kode diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut Baca..

Contoh Penulisan Posting
Ini adalah awal berita yang ingin saya potong karena terlalu panjang, oleh karena itu perlu memotong berita sampai disini saja. <span class=”fullpost”> Dan ini adalah sisa posting yang akan disembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

Hasil akhir posting akan tampak seperti ini :
Ini adalah awal berita yang ingin saya potong karena terlalu panjang, oleh karena itu perlu memotong berita sampai disini saja Read More..........

Selamat Mencoba………,