14 Sep 2009

Cara Membuat Read More...

Caranya:

1. Login ke blogger.com
2. Layout kemudian masuk ke Edit HTML
3. Centang Expand Widget Templates
4. 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>

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>

Note : Ketika posting anda harus dalam mode Edit HTML bukan Compose


Contoh penulisan posting:

Serangan terhadap website secara garis besar dapat dibagi menjadi dua, <span class="fullpost">
Dan ini adalah sisa postingan yang akan disembunyikan dan hanya
muncul pada saat post page atau link read more.. diklik  </span>

Hasil akhir postingan akan seperti ini:


Serangan terhadap website secara garis besar dapat dibagi menjadi dua, Read more..

Tidak ada komentar:

Posting Komentar