Cara Mambuat Read More Di Blogger

Posted by che6vara on Sep 14, 2009

Pada postingan sebelumnya tentang membuat read more di wordpress, telah dibahas bagaimana membuat read more untuk wordpress, bagaimana untuk blogger atau blogspot ? Langkah langkah untuk menambahkan �read more� di postingan kita (blogger.com) :
Caranya:

* 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>

* 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 menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan ComposeContoh penulisan posting:

Kalimat berikut merupakan awal artikel yang hendak saya potong karena kalo tidak dipotong,postingan akan terlalu panjang,jadi saya memotong postingan ini sampe sini 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>

{ 0 comments... read them below or add one }

Post a Comment