Rabu, 06 April 2011

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.


Tidak ada komentar:

Posting Komentar