Cara Membuat Readmore Otomatis di Blogspot

Readmore atau baca selengkapnya merupakan pemenggalan artikel blog sehingga artikel atau postingan blog tidak melorot kebawah yang memakan ruang halaman blog. Nah untuk mempersingkat topik pembahasan kali ini, kita mulai saja bagaimana cara membuat auto readmore di blogger.

Cara Memasang Readmore Otomatis di Blog :
1. Login ke blogger
2. Pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode </head> dan letakkan kode berikut ini dibawahnya

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430;summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='https://sites.google.com/site/bloggerbondowosoblogspotcom/js/readmore.js' type='text/javascript'/>

4. Cari kode <data:post.body/> lalu hapus dan ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Keterangan :
summary_noimg = 430 merupakan tinggi potongan artikel tanpa gambar
summary_img = 340 merupakan tinggi potongan artikel dengan gambar
img_thumb_height = 100 dan 120 merupakan tinggi dan lebargambar

5. Simpan Template

Demikianlah tutorial blog mengenai cara memasang readmore / baca selengkapnya secara otomatis di blog, silahkan diterapkan dan semoga postingan ini bermanfaat, happy blogging.

tutorial blog

Terlintas

Cara Membuat Readmore Otomatis di Blogspot

Related Posts

Entri Populer