Cara Membuat Read More Otomatis di Blog
Cara Membuat Read More Otomatis di blog - Anda tentu saja pernah melihat tulisan read more atau baca selengkapnya atau juga lanjutkan membaca pada halaman beranda sebuah blog maupun website bukan. Jika anda seorang blogger pemula pasti anda kebingungan bagaimana cara membuatnya. Nah, pada postingan kali ini saya akan menjelaskan cara membuat dan menerapkannya di blog anda. Sebelum kita lanjut ke tahap membuat read more otomatis, apakah anda tahu fungsi dari read more itu sendiri ?. Read more, baca selengkapnya ataupun lanjutkan membaca berfungsi agar loading halaman blog tidak menjadi lambat jika postingan pada halaman beranda blog relatif banyak. Biasanya blog yang tidak menerapkan sistem read more otomatis, akan sangat lambat. Read more otomatis juga membuat tampilan halaman beranda blog lebih kelihatan simpel dan dinamis. Apakah anda tertarik untuk membuatnya. Simak langkah-langkah membuat read more otomatis di blog berikut.
Membuat Read More Otomatis di Blog
Sebenarnya blogger sendiri telah menyediakan format sistem read more. Namun cara ini dilakukan dengan cara manual pada tiap postingan yang kita buat. Jika anda teliti coba anda klik gambar Insert Jump Break yang bereda di samping gambar Insert a Video ketika anda sedang membuat postingan terbaru. Itu merupakan read more manual yang telah di sediakan blogger. Tapi jika anda ingin membuat read more otomatis tanpa mengklik insert jump break tersebut, berikut caranya.
- Login ke akun blogger anda.
- Buka halaman design > Edit HTML > centang Expand template widget.
- Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian.
- Paste kode berikut tepat dibawah </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> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
- 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"'>
<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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
- Simpan template dan lihat hasilnya
Sekarang blog anda telah memiliki read more otomatis. Untuk tulisan berwarna merah, anda bisa mengatur sesuka hati anda. Demikianlah penjelasan saya mengenai cara membuat read more otomatis di blog. Semoga artikel ini dapat bermanfaat bagi kita semua.
No comments: