Kalau tadi saya membuat Read More yang tidak Otomatis, sekarang saya akan membuat Read More yang akan Otomatis terbuat setelah kita membuat postingan. Tanpa banyak ba bi bu, inilah caranya :

  • Masuk Blog, buka Design, klik Edit HTML (Saya menggunakan tampilan blog yang baru) kalo ditanya klik Proceed aja, jangan lupa centang Expand Widget Template nya,
  • Cari kode </head>, masukkan script dibawah tepat dibawah kode ini :
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; 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'/>
  • Sudah? Kalau sudah lanjut cari lagi kode <data:post.body/> atau <p><data:post.body/></p>, cari aja yang ada, salah satunya pasti ada. Kalau sudah ketemu, ganti kode tersebut dengan script,
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Di Save, selesai :)
Catatan :
summary_noimg = 430; adalah jumlah kata yang akan ditampilkan tanpa gambar.
summary_img = 340; adalah jumlah kata yang akan ditampilkan jika ada gambarnya. (bisa dirubah angkanya tapi jangan kecil-kecil angkanya)
READMORE... bisa diganti dengan Baca Selengkapnya... blablabla dsb dst.

Dan akhir kata, Selamat Mencoba :)

Sumber : Membuat Read More Otomatis

Membuat Auto Read More untuk Blogspot

Posted on

Thursday, December 8, 2011

Category

Leave a Reply