Membuat " Readmore " pada blogspot

Sebenarnya ada banyak sekali artikel atau postingan yang bisa dicari dan didapat dengan mudah untuk membuat readmore di blogger. tetapi setelah di praktekkan atau di coba pada blog kita terkadang tidak bisa diterapkan alias gagal. dari sekian banyak yang saya cari hanya cara berikutlah yang bisa saya terapkan di blog saya ini. tanpa banyak basa-basi langsung saja menuju TKP untuk lebih jelas nya....
Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan 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>

Slnjtny 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


Contoh penulisan posting:

Ini adalah awal berita yang ingin saya potong karena
terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu
memotong berita sampai disini saja. <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>


tips : jika kesulitan mencari code-code yang dimaksudkan diatas...gunakan ctrl+f pada firefox anda kemudian copast di textbox yg muncul.... Semoga berhasil.