Sabtu, 10 September 2011

Cara Membuat Read More di Blogspot

 Cara membuat read more di blogspot tidak begitu sulit, hanya butuh sedikit sentuhan :D. Kalau di padukan dengan template blogspot yang bagus, hasilnya pasti lebih menarik. Ente bisa download template blogspot gratis menarik di postingan saya sebelumnya di free blogger template.



Oke, gak usah bertele-tele tutorial membuat read more blogspot ini saya ambil dari rahmatweb.com

Berikut ini langkah-langkah membuat read more di blogspot :

1. Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML

2. Aktifkan list Expand Template Widget, agar source script template blogger na terlihat secara keseluruhan.

3. Tepat di atas atau sebelum tag 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>

4. Cari <data:post.body> dan tambahkan kode berikut tepat dibawahnya:

<b:if cond="'data:blog.pageType">
<a href="http://www.blogger.com/%27data:post.url%27"> Baca selengkapnya <data:blog.pagetitle></data:blog.pagetitle></a>
</b:if>

5. 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>

Tidak ada komentar:

Poskan Komentar