Membuat Read More di Blogspot

Langkah-langkahnya

• Login ke account blogger anda, kemudian klik link Layout dan pilih pada Edit HTML
• Jangan lupa untuk membackup Template Anda dengan cara klik pada Download template dan simpan. Kemudian centang(cek) Expand Templates Widget untuk 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 untuk mengatur agar 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>
• Supaya postingan terpotong, setiap kali anda menulis artikel pada posting, klik pada bagian artikel dimana anda ingin tulisan Read More.. muncul, lalu ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel sampai selesai, akhiri dengan mengetik </span>. Untuk menmbahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose

Posted in: Blog,Tips