Postingan kali ini akan memberikan tutorial cara membuat Read More atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya read more otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya.
Bagi sobat yang belum mengetahui bagaimana cara membuat read more otomatis, bisa mengikuti tutorial berikut ini.
Bagi sobat yang belum mengetahui bagaimana cara membuat read more otomatis, bisa mengikuti tutorial berikut ini.
1. Seperti biasa, Login dulu ke blogger dengan account sobat
2. Pilih Edit HTML, jangan lupa berikan tanda centang pada Expand Template Widget
3. Cari kode </head>, kemudian masukan script di bawah ini dan letakan persis di bawah kode tersebut
<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
4. Lalu, cari kode HTML di bawah ini :
<data:post.body/> atau <p><data:post.body/></p>
5. Ganti kode 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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Keterangan: tulisan yang berwarna merah adalah yang bisa anda ganti.
- Summary noimg 430 = tinggi artikel terpenggal tanpa image
- Summar img 430 = tinggi artikel terpenggal dengan image
- Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...
6. Setelah itu, klik Save template
Selanjutnya sobat bisa melakukan postingan dan lihat hasilnya, Read more atau Baca selengkapnya akan secara otomatis terpasang setelah sobat publish postingannya.
Semoga bermanfaat!