Read More Otomatis pada Blogger
17.13
Setiap blogger pasti menginginkan tampilan yang menarik pada blognya, tampilan yang menarik pada sebuah blog juga bisa meningkatkan jumlah pengumjung atau pengikut blog itu sendiri. nah berikut saya akan mengulas bagaimana cara membuat read more otomatis pada blog. karna kalo pake read more manual itu kan ribet, setiap ngepost harus pake jump break atau insert html. jadi daripada ribet disimak yooo....
Membuat read more pada blog solusi jitu meringankan proses, blog tertata rapi dan terlihat modis. Menu entri Blogger sebenarnya telah menyediakan aplikasi read more yang dapat dilakukan secara manual, yaitu menambahkan kode <!--more--> dibagian editor HTML.
Ada cara otomatis ‘gak ribet’ membuat read more di blog. Demi memudahkan sobat dalam ‘ngeblog’, langsung saja ikuti langkah-langkah cara memasang read more otomatis pada blog di bawah ini:
1. Silahkan login ke akun Blogger,
2. Setelah berada di halaman Dashboard, beralih ke Template,
3. Klik tombol Edit HTML,
4. Sembarang klik di kotak editor, tekan Ctrl + F cari kode </head>,
5. Copykan kode berikut di atasnya,
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 440; summary_img = 350; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
Sobat dapat mengatur panjang dan lebar readmore dengan mengubah angka berwarna biru,
berikut keterangannya:
- summary_noimg = 440: tinggi potongan artikel tanpa gambar.
- summary_img = 350: tinggi potongan artikel dengan gambar.
- img_thumb_height = 100: ukuran tinggi thumbnail.
- img_thumb_width = 120: ukuran lebar thumbnail.
6. Langkah selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> dengan kode script
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'>»»  Read more...</a></span> </b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Untuk mengubah kata ‘read more’, silahkan ganti tulisan yang berwarna merah.
7. Selesai, klik Simpan Template. Jika langkah-langkah di atas sudah benar, sobat sudah bisa
melihat hasilnya.
Demikian tutorial cara membuat read more pada blog, blogspot, blogger otomatis. Jika ada kendala mengenai ukuran read more, lakukan setelan sampai ukurannya terlihat bagus. Ga seribet yang dibayangin kan? Terima kasih atas kunjungannya, happy bloging :)
Sumber : Walman.org
0 komentar