Cara membuat read more di blogspot tidaklah terlalu sulit hanya butuh sedikit kesabaran dan kejelian untuk menempatkan kode-kode pada HTML anda,,,,,,
Read more akan lebih menarik jika di padankan dengan template blogspot anda. jika anda ingin mengubah template dapat di download di sini
Okey deh ke TKP (ala OVJ) 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>
semoga tutorial cara membuat read more blogspot berguna
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>
semoga tutorial cara membuat read more blogspot berguna
Cara Membuat Read More di Blogspot by
{ 0 comments... read them below or add one }
Post a Comment