Memasang Recent Post ( Postingan Terakhir ) Plus Thumbnail

memang sebelumnya saya pernah meberi agan tutorial perihal memasang recent post (postingan terakhir) di blog ini memang secara fungsional sama aja tapi recent post yang satu ini cukup Istimewa dalam sudut tampilan, alasannya yaitu ada pelengkap gambar atau thumbnail pada widget recentpost yang akan terlihat ibarat yang ada pada screnshoot dibawah ini :

tertarik ingin menambahka widget ini pada blog agan?
pribadi aja ikutin caranya dibawah ini :

1. logn in dulu ke akun blogger.com agan

2. pribadi aja agan menuju ke RANCANGAN --> ELEMENT HALAMAN

3. buat sebuah ELEMENT HTML/JavaScript baru

4. copas ( copy dan paste ) arahan di bawah ini pada lembar element yang tadi anda buat
<center><script language="JavaScript">

imgr = new Array();


imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitNJiwin50VikkmIu7iDeydeKLp5VjX4BXNkzcTTDTcPdZUvB87InDbrjsbG-YbZNHOEyHC3q8y0DRQcjWnbgucBDm2dWpVl6DOjPKJwpQgUlqnaVpYpmbVfKU7UWXPjcEUhMQYgxMxyA/";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitNJiwin50VikkmIu7iDeydeKLp5VjX4BXNkzcTTDTcPdZUvB87InDbrjsbG-YbZNHOEyHC3q8y0DRQcjWnbgucBDm2dWpVl6DOjPKJwpQgUlqnaVpYpmbVfKU7UWXPjcEUhMQYgxMxyA/";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitNJiwin50VikkmIu7iDeydeKLp5VjX4BXNkzcTTDTcPdZUvB87InDbrjsbG-YbZNHOEyHC3q8y0DRQcjWnbgucBDm2dWpVl6DOjPKJwpQgUlqnaVpYpmbVfKU7UWXPjcEUhMQYgxMxyA/";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitNJiwin50VikkmIu7iDeydeKLp5VjX4BXNkzcTTDTcPdZUvB87InDbrjsbG-YbZNHOEyHC3q8y0DRQcjWnbgucBDm2dWpVl6DOjPKJwpQgUlqnaVpYpmbVfKU7UWXPjcEUhMQYgxMxyA/";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitNJiwin50VikkmIu7iDeydeKLp5VjX4BXNkzcTTDTcPdZUvB87InDbrjsbG-YbZNHOEyHC3q8y0DRQcjWnbgucBDm2dWpVl6DOjPKJwpQgUlqnaVpYpmbVfKU7UWXPjcEUhMQYgxMxyA/";
showRandomImg = true;

boxwidth = 275;

cellspacing = 8;

borderColor = "#000000";

bgTD = "transparent";

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://999-tutorial.blogspot.com/";

</script>

<script src="http://my-proyek-blog.googlecode.com/files/recentposts_thumbnail.js" type="text/javascript"></script></center>

5. save

kini widget ini suda ada pada blog agan.

nb : code yang di cetak BIRU merupadan arahan HTML dari warna backgrond sedangkan code yang dicetak HIJAU merupakan jumlah post yang akan muncul