Cara Membuat Read More Otomatis di blog - Pada kali ini kita akan membuat read more otomatis atau jump break otomatis di blog. Read more merupakan sebuah istilah dalam menampilkan penggalan kalimat pada halaman homepage blog. Blogger telah menyediakan Jump Break untuk membuat penggalan kalimat yg hanya dapat dilakukan secara manual. Dengan read more otomatis tentu hal ini tak perlu kita lakukan secara manual. Read more otomatis juga bisa mempecepat loading blog dan membuat blog lebih kelihatan simple dan dinamis. Bagi para blogger pemula yg ingin membuat read more otomatis di blog, simak langkah-langkah dibawah ini.
Script Read More Otomatis
- Login ke akun blogger anda.
- Buka halaman template > Edit HTML.
- Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian.
- Paste kedua kode berikut tepat diatas </head>.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
HTML Read More Otomatis
- Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>. Seperti biasa gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, ganti kode yang pertama.
- Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini.
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<div class='read-more'>
<a expr:href='data:post.url'>Readmore »</a>
</div>
</b:if>
</b:if>
- Simpan template dan lihat hasilnya
Untuk tulisan warna merah, ubah sesuai dengan keinginan. Demikianlah tutorial mengenai cara membuat read more otomatis atau cara membuat jump break otomatis di blog. Semoga artikel ini dapat bermanfaat bagi kita semua. Jangan lupa like dan share.
Posting Komentar