Cara Membuat Widget Recent Post Berupa Gambar Kotak-Kotak

Tutorial | untuk kali ini, saya akan share Recent posts berupa gambar grid/kotak saja. sehingga lebih efisien dan canggih., tidak usah banyak kata-kata. soalnya pengunjungpun males jika harus membaca tulisan, dan lebih tertarik pada gambar. sehingga saya berinovasi ingin membuat sesuatu yang beda pada recent post. dan inilah hasilnya .

Cara Membuat Widget Recent Post Hanya Gambar Grid :
  

Dari gambar di atas kita sudah bisa melihat bahwa yang akan ditampilkan adalah gambar dari masing-masing postingan di blog anda. Maka dari itu akan membuat blog anda lebih menarik untuk dilihat dan pasti juga akan lebih hemat tempat dan fungsional. saya menggunakan widget ini pada blog saya yang berupa download, sehingga lebih efisien dan efektif. 

Berikut adalah langkah-langkah nya :

1. Masuk ke blogger >> Dashboard >> Tata Letak >> Add Gadget
2. Pilih Gadget HTML/Javascript.
3. Masukkan kode javascript di bawah ini.

<div id='bp_recent'></div>
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 20;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://trickstipsblog.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
</div>

Ganti trickstipsblog.blogspot.com dengan alamat blog anda,

Langkah 4 : Simpan

Kalau sudah selesai silahkan anda lihat hasilnya, bagaimana jadinya sobat? Apakah anda berhasil untuk membuatnya? pasi berhasil donk., hehe. yasudah sekian dulu ya., daaa