Friday, February 19, 2010

Cara membuat readmore dan thumbnail pada artikel/posting

Pada umumnya blogger tidak memiliki fasilitas untuk membuat readmore dan thumbnail.Readmore dan thumbnail adalah memotong sebagian artikel dan memunculkan salah satu gambar yang ada diartikel anda. Untuk membuat penasaran si pengunjung, pasti anda ingin membuat readmore pada setiap artikel. Nah berikut ini cara yang bisa anda lakukan :
  • Goto layout dan pilih Edit HTML.
  • Jangan lupa klik 'Expand Widget Templates'
  • Cari kode dibawah ini :
<data:post.body/>
  • Ganti kode diatas / replace code dengan code diabawah ini :

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
<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'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

  • Simpan template dan lihat blog anda.
Keterangan :
summary_noimg = 430; (panjang potongan post tanpa gambar)
summary_img = 340; (panjang potongan post dengan gambar)
img_thumb_height = 100; (tinggi gambar)
img_thumb_width = 120; (lebar gambar)

Selamat mencoba! :)

Blog Archive