Gadget Recent Posts With Images

Langkah :
1. Login ke Blogger
2. Pilih Tata Letak => Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukkan kode dibawah ini kedalamnya

<style type='text/css'>

img.recent_thumb {padding:0px;width:55px;height:55px;border:0;

float:left;margin:12px;}

.recent_posts_with_thumbs {float:left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:14px;}

ul.recent_posts_with_thumbs li {padding-bottom:0px;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='https://bysu-blogcode.googlecode.com/svn/trunk/widget-rec-posts-with-img.js'></script>

<script style='text/javascript'>

var numposts = 5;

var showpostthumbnails = true;

var displaymore = false;

var displayseparator = false;

var showcommentnum = false;

var showpostdate = false;

var showpostsummary = true;

var numchars = 95;</script>

<script src='YOUR URL/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Keterangan :
1. var numposts = Jumlah POsts yang akan ditampilkan
2. var showpostthumbnails = Tampilkan Image
3. var displayseparator = Tampilkan pembatas
4. var showpostdate = Tampilkan waktu Posts
5. var showpostsummary = Tampilkan Keteranga Posts
6. var numchars = Jumlah huruf yang akan ditampilkan
7. Ganti teks YOUR URL (warna merah) dengan alamat blog anda.

Sumber : lupalinknya.com