Cara Membuat Widget Recent Post With Thumbnails

4 • menit membaca

Daftar Isi

Anda pasti sudah tidak asing lagi dengan Widget Recent Post, Yupz tepat salah satu widget yang membantu menampilkan postingan anda yang terdahulu atau yang sebelumnya. Banyak Blogger yang juga menampilkan Widget ini Blog mereka, namun kebanyakan adalah recent post dengan tulisan biasa. lantas bagaimana membuat Recent Post With Thumbnails atau dengan gambar?

1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Kedalamnya:

<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 = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://dj-note.blogspot.com/";

</script>

<script src="http://postrecent.googlecode.com/files/Recentpostthumbnails.js" type="text/javascript"></script>