Membuat Read More di Blogspot

Posted on December 31, 2008 by Cak RaYZa

Untuk membuat read more di blogspot caranya sebagai berikut :

1. Sign in dengan user id anda.

2. Klik menu Layout

3. Pilih Edit HTMLMore…

4. Kemudian beri tanda centang pada Expand Template Widget



5. Sisipkan kode berikut sebelum </head> atau setelah ]]></b:skin>



<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


6. Selanjutnya cari <p><data:post.body/></p> , kemudian selipkan kode berikut sesudah tag tadi:



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


7. Kemudian simpan pengaturan.

8. Setelah itu coba buat post baru, lalu klik Edit HTML.

9. Sisipkan kode berikut pada bagian yang ingin dipotong :


<span class=”fullpost”>


dan pada akhir post tuliskan kode :


</span>


10. Apabila terdapat kode </span> lebih dari satu di akhir post, hapus kode </span> yang lain dan sisakan satu kode saja. Apabila di akhir post terdapat kode </span> lebih dari satu akan menyebabkan post tidak terpotong, alias tetap tampil penuh.

1 comments:

Gantungan Kunci Karet says:

Ijin mempelajari ilmunya agan ya

Recent Post