Recent Posts dengan Thumbnails di Blogger

info-gamepc.blogspot.com - Jika blog Anda memiliki postingan yang panjang dan Anda ingin membantu pengunjung untuk menemukan postingan terbaru dengan cepat, tanpa menghabiskan waktu browsing di blog, ditambah postingan tersebut menampilkan gambar thumbnail kecil yang berdekatan dengan judul merupakan langkah jitu yang bisa meningkatkan bertambahnya pengunjung blog anda. Selain terlihat bagus dan juga menarik pengunjung untuk mengklik postingan Anda.

Anda juga dapat menyesuaikan apakah postingan menampilkan thumbnail apa tidak, seberapa panjang ringkasan postingan, serta jumlah komentar untuk setiap tulisan.

Berikut langkah-langkahnya.

A. Langkah pertama.

1. Masuk ke Blogger => pilih => Layout.
2. Langkah kedua

Kopi dan paste kode dibawah ini:

<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://www.YOUR-BLOG-URL.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<small><a style='margin-left:10px;align:right;' href='http://www.blogger.webaholic.co.in/2011/08/recent-posts-widget-with-thumbnails-for.html'
target='_blank'>Recent Posts Widget</a> | <a href='
http://www.webaholic.co.in/' target='_blank'>Webaholic</a></small>

3. Langkah ketiga.

Ubahlah YOUR-BLOG-URL dengan alamat URL blog kamu.

4. Langkah empat.

Simpan dan Lihat Konfigurasi:

var numposts = 5;
Dimana 5 adalah jumlah post yang akan muncul