memasang recent post ( postingan terakhir ) plus thumbnail

memang sebelumnya saya pernah meberi agan tutorial tentang memasang recent post (postingan terakhir) di blog ini memang secara fungsional sama aja tapi recent post yang satu ini cukup spesial dalam sudut tampilan, karena ada tambahan gambar atau thumbnail pada widget recentpost yang akan terlihat seperti yang ada pada screnshoot dibawah ini :

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

1. logn in dulu ke akun blogger.com agan

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

3. buat sebuah ELEMENT HTML/JavaScript baru

4. copas ( copy dan paste ) kode 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/AVvXsEgfm5OccvhiRJahdEHbkE0fNxMqcvqxV70ZzU3tUZsZbMicWs4emb-rmtutuY8J6x9bltpai9G496bwOfsw7CDX7p_eIuQea4OzI6-onI8bTnHyg6Re8bNSzxmPrPxecYjWjfaEzsDS5AE/";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfm5OccvhiRJahdEHbkE0fNxMqcvqxV70ZzU3tUZsZbMicWs4emb-rmtutuY8J6x9bltpai9G496bwOfsw7CDX7p_eIuQea4OzI6-onI8bTnHyg6Re8bNSzxmPrPxecYjWjfaEzsDS5AE/";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfm5OccvhiRJahdEHbkE0fNxMqcvqxV70ZzU3tUZsZbMicWs4emb-rmtutuY8J6x9bltpai9G496bwOfsw7CDX7p_eIuQea4OzI6-onI8bTnHyg6Re8bNSzxmPrPxecYjWjfaEzsDS5AE/";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfm5OccvhiRJahdEHbkE0fNxMqcvqxV70ZzU3tUZsZbMicWs4emb-rmtutuY8J6x9bltpai9G496bwOfsw7CDX7p_eIuQea4OzI6-onI8bTnHyg6Re8bNSzxmPrPxecYjWjfaEzsDS5AE/";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfm5OccvhiRJahdEHbkE0fNxMqcvqxV70ZzU3tUZsZbMicWs4emb-rmtutuY8J6x9bltpai9G496bwOfsw7CDX7p_eIuQea4OzI6-onI8bTnHyg6Re8bNSzxmPrPxecYjWjfaEzsDS5AE/";
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

sekarang widget ini suda ada pada blog agan.

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

Posted in: tutorial blog