2.08.2011

Cara Membuat Read More di Blogspot


Ternyata lama tidak nge-blog buat gaptek dan ketinggalan jaman, sampai lupa cara membuat readmore alias memotong postingan yang terlalu panjang jika harus dipampang di halaman depan. Buat teman bloger yang mengalamai nasib sama...berikut adalah caranya
* Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
dan </div>
* Aktifkan list Expand Template Widget, agar source script template blogger na terlihat secara keseluruhan.
* Tepat di atas atau sebelum tag </head> masukkan kode berikut seperti ini:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>
* Cari <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>
* Selesai. Sekarang setiap posting letakkan
<span class="hidenpost"> sisa postingan yang akan dihiden, akhiri dengan </span> (ketika memasukkan <span class="hidenpost"> dan </span> posting harus dalam mode Edit HTML bukan Compose ) pastikan juga diantara <span class="hidenpost"> dan </span> tidak boleh ada </span> jika tidak bisa dihindarkan gunakan <div class="hidenpost"> dan </div> demikian juga sebaliknya

cara ini cukup membantu...cara ini saya dapatkan di blog ini

makasih banyak buat mas rahmat.

1 komentar:

Em Zanu mengatakan...

Salam kenal sebelumnya,
Saya perwakilan dari Blogger Benteng Tangerang atau biasa disebut KBBC ingin mengajak gabung dalam komunitas kami.

Setiap satu bulan sekali, kami rutin mengadakan Kopdar (tatap muka langsung).. biasanya sharing tentang apa ajah yg bermanfaat. ada juga agenda lain seperti : donor darah dan pelatihan blog.

info lengkap dapat mengunjungi web resmi yaitu www.blogerbenteng.com
atau ke facebook.com/groups/blogertangerang


terima kasih sebelumnya