Cara Mudah Membuat Read More di Blogspot
Berikut ini langkah-langkah untuk membuat read more blogger
- Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
- Aktifkan list Expand Template Widget, agar source script template bloggernya 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>
<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>
Selanjutnya cari kode <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>
<a expr_href=data:post.url> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>
Selesai deh. 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..
download now
