Cara Menampilkan Read More pada Blogger baru

Dibawah ini saya mencoba memberikan cara menampilkan "read more" pada blogspot baru, caranya memang agak berbeda dengan blogspot yang lama, tapi sepertinya lebih simpel cara memasukkan read more yang baru, berikut ini caranya:


1. Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
2. Untuk bisa edit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
3. 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>

4. 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>

5. 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 menambahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose

Contoh penulisan posting:

Mempercepat Windows XP dengan Tweak Registry adalah salah satu cara yang lazim dilakukan, meskipun demikian tweak registry di windows termasuk salah satu teknik yang berisiko tinggi karena berhubungan langsung dengan sistem registry windows.<span class="fullpost">Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik</span>

Mempercepat Windows XP dengan Tweak Registry adalah salah satu cara yang lazim dilakukan, meskipun demikian tweak registry di windows termasuk salah satu teknik yang berisiko tinggi karena berhubungan langsung dengan sistem registry windows.Read More...

Selamat Mencoba!!!