Header Ads

Cara Memasang Widget Read More Otomatis dengan Thumbnail

Cara Memasang Widget Read More Otomatis dengan Thumbnail

Dengan memasang widget read more otomatis ini, Anda tidak perlu menambahkan kode tambahan di setiap posting blog yang Anda buat. Widget read more ini akan tampil di homepage, halaman hasil pencarian, halaman arsip, dan halaman label. Jika Anda tertarik untuk memasangnya, silakan ikuti langkah-langkah di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan.

3. Klik tab Edit HTML.

4. Klik Download Template Lengkap, untuk mengantisipasi jika terjadi kesalahan dalam mengedit template.

5. Beri tanda centang pada Expand Template Widget.

6. Cari kode </head>. Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu masukkan kode yang dimaksud untuk memudahkan pencarian.

7. Copy kode berikut dan paste di atas kode </head>.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

8. Cari kode <data:post.body/>.

9. Ganti kode tersebut dengan kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

10. Klik tombol SIMPAN TEMPLATE.

11. Selesai.


5 comments:

  1. Terima Kasih ya sob !

    by: http://www.vakucil.co.vu

    ReplyDelete
  2. nah ini yang aku cari cari akhirnya ketemu juga... simple read more nya gan... nice share.. oia gan nitip blogs yang masih butuh bimbingan software update http://googlesoftwareok.blogspot.com/ terimakasih... oia gan jika berminat singgah di blogs saya , pasang link blogs ini ya gan.. agar mudah saya berkunjung kembali :)

    ReplyDelete
  3. matap kawan informasinya keren abizzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz....................................................

    ReplyDelete
  4. wah harus di coba dulu nih salam kenal dari http://mobinesia.blogspot.com

    ReplyDelete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.