Widget Recent Post Berbentuk Grid Thumbnail

Recent Post adalah sebuah widget pada blog yang menampilkan post-post terbaru. Bentuk recent post itu ada banyak, salah satunya adalah Grid Thumbnail, yaitu widget yang menampilkan post terbaru dengan gaya Gallery Thumbnail atau seperti Google Gambar. Jadi widget ini hanya menampilkan Gambar pada post dengan menyertakan link posting pada gambar. Widget recent post Berbentuk Grid Thumbnail juga terlihat simpel dan menarik.

Contohnya seperti ini:

Contoh Widget Recent Post Grid Thumbnail

Cara memasang Widget Recent Post Berbentuk Grid Thumbnail yaitu:
Masuk ke Blogger -> Tata Letak -> Tambahkan Gadget/Widget, lalu pilih HTML/JavaScript, kemudian pastekan script dibawah ini pada widget HTML/Javascript. jika sudah tinggal di Simpan.

Berikut ini kode widget recent post berbentuk grid thumbnail:

<div id='bp_recent'></div>
<script src="https://googledrive.com/host/0B-wlJZNCsAtTLWtoZGpta2Y2ZUE" type="text/javascript"></script>
<script style='text/javascript'>
var numberOfPosts = 10;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 70;
var imgFloat = 'left';
var myMargin = 3;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://dandidesain.blogspot.co.id/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Editing Script
Ganti url "http://dandidesain.blogspot.co.id" dengan URL sobat.
var numberOfPosts = 10; adalah kode untuk menampilkan banyaknya post terbaru pada recenpost, ganti angka 10 sesuai dengan keinginan sobat.
var imgDim = 70; adalah kode untuk mengatur ukuran gambar pada recent post grid thumbnail, ganti angka 70 dengan ukuran keinginan sobat.