Read More atau Continue Reading ata Baca Selengkapnya atau Baca Lebih Lanjut, dsb ( lanjutin sendiri ya, banyak banget nama lainnya, hehehehe.. ) adalah sebuah menu navigasi blog yang membantu para pembaca untuk menampilkan isi postingan secara keseluruhan, sedangkan bagi pemilik blog Read More memiliki fungsi lain mempercantik dan memperingkas tampilan postingan blog dengan memotong tampilan artikel yang panjang, sekaligus secara tidak langsung meningkatkan pageview – kan reload ke halaman baru ;p. Berbeda dengan Read More di Wordpress yang harus dibuat satu per satu, Read More di blog bisa dibuat secara otomatis dengan menambahkan javascript atau kode html.
Bagaimana Cara Membuat Read More Otomatis di Blogspot?
Cara membuat read more otomatis di blog ternyata sangat mudah, karena kita tinggal menambahkan beberapa kode html ke dalam template.
1. Login kea kun blogger sobat
2. Pilih Design > Edit HTML, jangan lupa centang Expand Template Widget
3. Cari kode </head>, gunakan CTRL+F agar mempermudah pencarian
4. Paste kode berikut ini tepat di bawah kode </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'/>
5. Cari kode atau <data:post.body/> atau <p><data:post.body/></p>. Jika terdapat dua kode yang sama persis, ambil kode yang pertama.
6. Ganti kode <data:post.body/> atau <p><data:post.body/></p> tersebut dengan kode di bawah 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>
7. Simpan dan selesai.
Selamat sobat Read More Otomatis di Blog sudah tercipta!
Eitsss…. Jangan buru- buru pergi dulu. Tutorial Blog Pemula masih mau ngasih beberapa catatan tambahan nih, yaitu angka- angka yang berwarna merah, merupakan kode angka yang dapat diubah- ubah sesuai dengan selera masing- masing.
1. summary_noimg = 430; apabila postingan sobat tanpa gambar satu pun maka yang akan tampil pada halaman depan adalah 430 huruf.
2. summary_img = 340; apabila postingan sobat terdapat gambar, maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar.
3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan.
4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
5. Sobat juga bisa mengubah icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif dengan gambar yang sesuai dengan keinginan sobat.
6. Jika sobat ingin menghaupus ikon read more <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> dan menggantinya dengan tulisan saja maka sobat tinggal mengganti kode dengan tulisan > Read More atau > Baca Selengkapnya dan sejenisnya.
Gimana sudah ga’ bingung lagi kan Cara Membuat Read More Otomatis di Blog. Kalau sobat mau bereksperimen dengan cara yang lain, bisa juga cek postingan saya satu ini Cara Membuat Read More Otomatis di Blog II.
Semoga bermanfaat ya sobat.