Membuat Recent Post dengan Thumbnails

Kelihatannya setelah membahas tutorial cara membuat related post dengan thumbnails terasa kurang dah kalau maslah recent post juga gak dibahas. Memang sih untuk maslah recent post ini sudah di bahas pada postingan yang lalu, yaitu dengan judul Cara Membuat Recent Post, namun bedanya dengan yang ingin kita bahas kali ini adalah cara membuat recent post alias postingan terbaru disertai tampilan gambar/thumbnails. Agar gak kelamaan, silahkan ikuti langkah2 berikut

1. Login ke blogger, pilih tata letak, lalu tambah gadget HTML

2. Taruh kode berikut di dalamnya dan jangan lupa disimpan

<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheLkd-xRBrWwVh5qB2jeFz-Jz8p0RBkFJLmbtxe7obXa_ItrF7Ossrlm3D6nsFWAxII-8Qy5G8B8wAVQB42kngHMiWuNm7B7g6qIG5-OuPCDFAn1DsLKJgDS13GjiX8dqd-0wWbt0mFjA/";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheLkd-xRBrWwVh5qB2jeFz-Jz8p0RBkFJLmbtxe7obXa_ItrF7Ossrlm3D6nsFWAxII-8Qy5G8B8wAVQB42kngHMiWuNm7B7g6qIG5-OuPCDFAn1DsLKJgDS13GjiX8dqd-0wWbt0mFjA/";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheLkd-xRBrWwVh5qB2jeFz-Jz8p0RBkFJLmbtxe7obXa_ItrF7Ossrlm3D6nsFWAxII-8Qy5G8B8wAVQB42kngHMiWuNm7B7g6qIG5-OuPCDFAn1DsLKJgDS13GjiX8dqd-0wWbt0mFjA/";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheLkd-xRBrWwVh5qB2jeFz-Jz8p0RBkFJLmbtxe7obXa_ItrF7Ossrlm3D6nsFWAxII-8Qy5G8B8wAVQB42kngHMiWuNm7B7g6qIG5-OuPCDFAn1DsLKJgDS13GjiX8dqd-0wWbt0mFjA/";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheLkd-xRBrWwVh5qB2jeFz-Jz8p0RBkFJLmbtxe7obXa_ItrF7Ossrlm3D6nsFWAxII-8Qy5G8B8wAVQB42kngHMiWuNm7B7g6qIG5-OuPCDFAn1DsLKJgDS13GjiX8dqd-0wWbt0mFjA/";
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://t4belajarblogger.blogspot.com/";

</script>

<script src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/recentposts_thumbnail.js" type="text/javascript"></script>