Recent Post With Thumbnail Widget for Blogspot

Selain Read More With Thumbnail ada juga Recent Posts With Thumbnail. Recent posts atau postingan terakhir alias last posts memang perlu juga di tampilkan, gunanya selain mempercantik blog atau mengisi kekosongan widget adalah menginformasikan kepada visitor tentang perkembangan artikel terbaru pada blog tersebut melalui menu pada blog itu.
Jadi setiap ada update postingan terbaru maka secara otomatis akan tampil di menu Recent Posts tersebut.


Bagaimana jika Recent Posts tersebut disertai juga dengan gambar/image, pasti asik juga kelihatannya. contohnya ada di sidebar blog ini.
Berikut script recent posts disertai gambar untuk blogspot.

Recent Post With Thumbnail Widget :

<script language="JavaScript">
imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhstARS6Tw1q8hn2jbuXJMV9-8qJhuCLTmsJ10MFRzW4zkAEvcs2IBv5KeXdQ9i8m246U58V6ZGvzSFiZtxYsORBYSEZ5kfdomF6ZzgiTlBRGGaC7PMK5JYuvfBOyxpnEhuURXTaRHhNbw/s1600/img1.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnUQhltD_ZXf2Z3yrRWybOrYG6rI22NGpRI1cAsWQ4URIB7WwMk6mwq61DnXixBGSxmTYmpB_4yGR8poxWmznVmWkTgk_i9Zc_048z_DvMrKKUnBAFh-7a2MnO7bF5F-iUE-9Z_MfA2TY/s1600/img2.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQgBju6EjJ8mQpQTOiAMoFyRI1j1wC606zlE1zXAF_6wbBPnWIuULwqJr1kajdcDy4QAqSNIH0klAHPJjQ5PDp-HVZPw7b-EJe4SzE33iB4RUva00meOghMhovkf-_rJr40Y6UUELDCE0/s1600/img3.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6qa9RzFVjaPdKw8j0F5TIFvkPovTbvcWBTT505ZILINW_3koDJANNJ-bK-nN4jOxFP-wanTjFbPLzcEEsZiIYQGj93SEhWLaqBMNo6h2YrLY_DkbznMbQdjTQdreet7mlgIh3Ms0b2qw/s1600/img4.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyURR1obIC67fO4K-8oXnpGiKm60SgWHVFORpe18lhuKkJekz1SIS0f5rCPXqcBb4-U8tQmbpO7OByVIRLmaKBLtuNFvw_ZxHVumpQ8oWXxbnnko6vZSqXuBBgUgaEGDVktHoiVpcPusE/s1600/img5.jpg";

showRandomImg = true;

tablewidth = 360;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 40;
imgheight = 40;

fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";

text = "";
fsize= "11";

showPostDate = true;

summaryPost = 60;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";

numposts = 5;

home_page ="http://hansenpunya.blogspot.com/";
</script>
<script type="text/javascript" src="http://www.weebly.com/uploads/3/9/3/0/3930875/recentposts.js"></script>

Keterangan:
tablewidth = 360 "menunjukan ukuran lebar widget".
imgwidth = 40 "adalah lebar gambar".
imgheight = 40 "tinggi gambar".
summaryPost = 60 "panjang karakter yg akan tampil".
numposts = 5 "jumlah postingan".
http://hansenpunya.blogspot.com/ " ganti dengan URL blog anda.

Tau kan cara pasang?
Masuk aja di Design - Page Element - Add a Gadget lalu cari HTML/Java Script. copy paste disitu, beri judul dan SAVE.