Home / Tak Berkategori / Menambahkan Fitur Excerpt dan Thumbnail Post di Blogger

Menambahkan Fitur Excerpt dan Thumbnail Post di Blogger

Fitur excerpt atau readmore sangat berguna agar halaman depan blog kita terlihat lebih rapi karena postingan kita hanya menampilkan sedikit preview dari post kita, sedangkan post thumbnail membuat blog kita lebih keren karena bisa dilengkapi dengan gambar sesuai dengan postingan kita.

Udah ah basa-basinya.

Pertama-tama login dulu ke akun blogger sobat.
Masuk ke (Design) Rancangan lalu pilih tab Edit HTML. Centang bagian Expand Widget Templates. Selanjutnya sobat cari kode </head> dengan menggunakan ctrl+F 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’/>

Kalau yang di atas sudah, 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>

Ket:
Merah: Jumlah kata jika tidak ada gambar.
Kuning: Jumlah kata jika terdapat gambar.
Hijau: Tinggi gambar post thumbnail.
Biru: Lebar gambar post thumbnail.

Sobat bisa mengganti bagian yg berwarna sesuai keinginan.
Sekian.
Source code: http://filiex.com, http://filiex.googlecode.com

About admin

Check Also

Camera360 untuk Galaxy Y dan Android 1.5 up

Apa itu Camera360? Nih ringkasan dari page downloadnya di play store Camera360:Art in Your Hand …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *