Saturday, 2 March 2013

Mengaktifkan Excerpt Thumbnail Post Untuk Blogspot

Mengaktifkan Excerpt Thumbnail Post Untuk Blogspot
  • Pertama silahakan sobat login ke Akun Bloger sobat.
  • Masuk Rancangan lalu pilih Edit HTML dan jangan lupa Centang Expand Template Widget
  • Selanjutnya silahkan sobat cari kode </head> dan masukkan kode dibawah ini tepat diatasnya.


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


  • Kemudian Cari kode <data:post.body/> dan gantikan atau replace dengan kode dibawah 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>


  • Terakhir Silahkan sobat Pratinjau dulu dan bila Excerpt Thumbnail Post sudah aktif sempurna sobat bisa Save Atau Simpan template.
  • Keterangan: Untuk Menyesuaikan Tampilan Atau Ukuran Gambar dan Jumlah Text Sobat Bisa Mengeditnya Pada Kode Yang Sobat Masukkan Pada Langkah 3 Diatas.
  • Selesai.

0 comments:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More