Kali ini saya akan Memposting tentang Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog anda secara otomatis. Dengan adanya readmore 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 anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.
- Silakan masuk ke acount blogger
- Pilih Edit Html
- Jangan lupa centang pada bacaan "Expand Widget Template"
- Cari kode </head> kemudian masukkan script di bawah ini persis dibawah 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'/>
Lalu, cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p>
- 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>
<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 READMORE bisa anda ganti dengan kata-kata lain misal "baca selanjutnya".
- Summary noimg 430 = tinggi artikel terpenggal tanpa image
- Summar img 430 = tinggi artikel terpenggal dengan image
- lalu, klik save template dan lihat hasilnya.
Selamat mencoba semoga berhasil
Jangan lupa tinggalkan komrntar anda di blog ini
No comments:
Post a Comment