Tips dan Trik Blogger

Sebenarnya, trik membuat readmore ini sebenarnya sudah diajarkan oleh Blogger.com sendiri dalam tulisannya yang bertajuk “How can I create expandable post summaries?”. Namun berhubung versi Blogger yang sekarang berbeda dari waktu itu, maka sekarang juga diperlukan teknik yang berbeda.

Oke, sekarang mari kita bahas tutorialnya.

Setelah login ke Blogger.com langsung saja masuk ke menu Layout » Edit HTML.

Pastikan Anda menekan tombol “Download Full Template” di bagian kanan atas dari kotak edit HTML tersebut untuk melakukan backup template sebelumnya.

Kemudian beri tanda centang pada kotak “Expand Widget Templates“.

Copy kan kode di bawah ini sebelum tag </head> atau tepat sesudah kode } ]]></b:skin>:

1. <style>
   
2. <b:if cond='data:blog.pageType == "item"'>
   
3. span.fullpost {display:inline;}
   
4. <b:else/>
   
5. span.fullpost {display:none;}
   
6. </b:if>
   
7. </style>

Lalu cari kode <p><data:post.body/></p> dan tambahkan kode berikut tepat dibawahnya:

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