Recent Post dengan Thumbnail

Widget ini akan memaparkan artikel artikel yang ada pada blog kita.Seakan akan sama dengan tutorial sebelum ini iatu cara pasang animated recent post cuma yang membezakannya ialah ia tidak bergerak.

Cara memasangnya:
1.Masuk ke Dashboard
2.Pilih Add Page elements
3.Add a gadget
4.HTML/Javascript

Masukkan kod berikut :

 

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54c7FgJ-lMlihj2xzQX1-w_Lfkof9rT6Z2YQ114DZuTNKEp99beH-nVFwbN_G6XZnoQJiPiOI6Z29Ntzzz2BcEot8c_AT_r-9Sqfuv9-OrwGU_mVmjDnPSbyc4FaWYrIgCPE4SX_hJFg-/s1600/No-Image.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54c7FgJ-lMlihj2xzQX1-w_Lfkof9rT6Z2YQ114DZuTNKEp99beH-nVFwbN_G6XZnoQJiPiOI6Z29Ntzzz2BcEot8c_AT_r-9Sqfuv9-OrwGU_mVmjDnPSbyc4FaWYrIgCPE4SX_hJFg-/s1600/No-Image.gif";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54c7FgJ-lMlihj2xzQX1-w_Lfkof9rT6Z2YQ114DZuTNKEp99beH-nVFwbN_G6XZnoQJiPiOI6Z29Ntzzz2BcEot8c_AT_r-9Sqfuv9-OrwGU_mVmjDnPSbyc4FaWYrIgCPE4SX_hJFg-/s1600/No-Image.gif";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54c7FgJ-lMlihj2xzQX1-w_Lfkof9rT6Z2YQ114DZuTNKEp99beH-nVFwbN_G6XZnoQJiPiOI6Z29Ntzzz2BcEot8c_AT_r-9Sqfuv9-OrwGU_mVmjDnPSbyc4FaWYrIgCPE4SX_hJFg-/s1600/No-Image.gif";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54c7FgJ-lMlihj2xzQX1-w_Lfkof9rT6Z2YQ114DZuTNKEp99beH-nVFwbN_G6XZnoQJiPiOI6Z29Ntzzz2BcEot8c_AT_r-9Sqfuv9-OrwGU_mVmjDnPSbyc4FaWYrIgCPE4SX_hJFg-/s1600/No-Image.gif";
showRandomImg = true;
boxwidth = 245;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 42;
thumbheight = 42;
fntsize = 10;
acolor = "#666";
aBold = true;
icon = " ";
text = "Komen";
showPostDate = true;
summaryPost = 100;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://teknikbuatblog.blogspot.com/";
</script>
<script src="https://sites.google.com/site/teknikbuatblog/tbb/recentpost.js" type="text/javascript"></script>

5.Tukarkan teks berwarna merah dengan alamat blog anda dan teks biru kepada bilangan post yang hendak dipaparkan.
6.Kemudian klik pada save.

Posted in: Tutorial Blog