Thursday, April 22, 2010

membuat "read more" pada posting

Membuat "read more" atau baca seterusnya pada blog

Caranya:

* Login ke blogger.com, klik pada Design  kemudian masuk ke Edit HTML

read more








* Untuk mengedit template secara keseluruhan, anda harus tandakan /aktifkan Expand Widget Templates




* Masukkan kod berikut sebelum tag </head> atau tepat sesudah kod
} ]]></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>

Seterusnya supaya posting terpotong, cari kod <p><data:post.body/></p> dalam template anda dan tambahkan kod berikut tepat dibawahnya:

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

supaya terpotong, setiap kali anda posting, klik pada bahagian teks pada posting dimana anda ingin tulisan Read More.. muncul, dan taip<span class="fullpost">baki posting sampai penghujung dan taip </span>.

Untuk menambahkan kod ini, ketika posting anda mestilah dalam mod Edit HTML bukan Compose

posting







dan paparan teks seperti ini:

letak read more





*Perkataan read more ini boleh kita ubah menjadi perkataan lain hanya edit  perkataan read more pada kod tadi

No comments:

Post a Comment

Gambar Belangkas