Cara Membuat Widget Recent Post Berupa Gambar Kotak-Kotak

Untuk kali ini, saya akan share Recent posts berupa gambar grid/kotak saja. sehingga lebih efisien dan canggih

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://reyzalteykaje.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
</div>


Ganti reyzalteykaje.blogspot.com dengan alamat blog anda,

Langkah 4 : Simpan

Kalau sudah selesai silahkan anda lihat hasilnya, bagaimana jadinya.