Pembahasan tutorial k'ian hari ini mengenai format recent Post with tumbnails (bergambar). Seperti yang kita ketahui bahwa widget Recent post ini sendiri sudah dikeluarkan sendiri oleh Blogger sebagai salah satu Gadget andalan terbarunya, namun ada hal yang sedikit dirasa kurang dengan widget ini sendiri. Yaitu pol tampilan gambar dan judul dari setiap artikel yang tidak bisa kita atur sesuai dengan kebutuhan Template.

Kenapa k'ian bisa bilang begitu, karena bagi para profesional maupun bagi blogger pemula tampilan blog dengan komposisi yang teratur akan memberi nilai positif dan tentunya enak dipandang. Daripada k'ian kelamaan kita akan langsung mulai tutorialnya.

• Masuk kedalam account blog kamu, kemudian pilih "Rancangan".
• Selanjutnya pilih "elemen halaman/page element", kemudian pilih "Tambah gadget/ Add Gadget".
• Pilih "HTML/Javascript", selanjutnya copy kode dibawah ini...

<div style="padding-right:10px; border:0px solid #d8d8d8;background:#fff repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: auto; height: auto; font-size:10px;">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 85;cellspacing = 4;
borderColor ="#ffffff";bgTD = "#000000";
thumbwidth =45;thumbheight =45;
fntsize = 10;acolor = "#666";aBold = true;
icon = " ";text ="";showPostDate = false;
summaryPost = 10;summaryFontsize = 8;
summaryColor = "#666";icon2 = " ";numposts = 5;
home_page = "http://blogkamu.blogspot.com/";
</script><script src="http://sites.google.com/site/kianbersama/javascript/tumbnails.js" type="text/javascript"></script></div>

• Selanjutnya tinggal simpan..

Nb: Pada keterangan kode

• thumbwidth =45;thumbheight =45; = Ukuran lebar dan tinggi dari gambar setiap postingan, kamu bisa ganti sesuai dengan selera kamu.
• summaryPost = 10 = Jumlah dari artikel secara keseluruhan yang akan kamu tampilkan
• numposts = 5;= Jumlah artikel yang muncul, numpost harus lebih kecil dari summarypost
• boxwidth = 85; = Ukuran dari kotak widget tsb, kamu bisa ubah dan sesuaikan dengan lebah dari sidebar blog kamu
• http://blogkamu.blogspot.com/ = Ubah Alamat Url ini dengan nama dari blog kamu

Untuk lebih jelis lihat DEMO