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 :
<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 != "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'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
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! :)
- Goto layout dan pilih Edit HTML.
- Jangan lupa klik 'Expand Widget Templates'
- Cari kode dibawah ini :
- 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 != "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'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
- Simpan template dan lihat blog anda.
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! :)
oke bos tipsnya ciamik bravooo
Salam kenal,emh. . . . .ntar q coba deh. . . . Hehe makasi y tipsx