Berbagi Tips lagi nich BLOGGINGPASURUAN yaitu cara membuat widget recent post dengan thumbails dan jumlah komentar.
Langsung cara membuat widgt recent post ini :
1. Login dulu ke akun Blogger Anda >>> Dasboard >>> Layout (Tata Letak)
2. Klik Page Elemens (Elemen Halaman) >>> Add a gadget >>> HTML/Javascript. Copy dan paste code berikut:
HTML
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkwmgWcdXCVON7NJtFkVK7Dey4Q50Nc0paeepLe57xGEGOxYSgGFY66nxqzbennPfRv2oOrU2gGV0MhHSTxol2ajY6iGHEFGYqDe94Qp5Mk9EibTxxtEobkLNqo6nglpGEiU5RlTTfAY/";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkwmgWcdXCVON7NJtFkVK7Dey4Q50Nc0paeepLe57xGEGOxYSgGFY66nxqzbennPfRv2oOrU2gGV0MhHSTxol2ajY6iGHEFGYqDe94Qp5Mk9EibTxxtEobkLNqo6nglpGEiU5RlTTfAY/";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkwmgWcdXCVON7NJtFkVK7Dey4Q50Nc0paeepLe57xGEGOxYSgGFY66nxqzbennPfRv2oOrU2gGV0MhHSTxol2ajY6iGHEFGYqDe94Qp5Mk9EibTxxtEobkLNqo6nglpGEiU5RlTTfAY/";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkwmgWcdXCVON7NJtFkVK7Dey4Q50Nc0paeepLe57xGEGOxYSgGFY66nxqzbennPfRv2oOrU2gGV0MhHSTxol2ajY6iGHEFGYqDe94Qp5Mk9EibTxxtEobkLNqo6nglpGEiU5RlTTfAY/";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdkwmgWcdXCVON7NJtFkVK7Dey4Q50Nc0paeepLe57xGEGOxYSgGFY66nxqzbennPfRv2oOrU2gGV0MhHSTxol2ajY6iGHEFGYqDe94Qp5Mk9EibTxxtEobkLNqo6nglpGEiU5RlTTfAY/";
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://www.bloggingpasuruan.blogspot.com/";
</script>
<script src="http://tipstrikblogging.googlecode.com/files/RecentPostThumbnail.js" type="text/javascript"></script>
3. Save
Keterangan:
>>> Boxwidth-Lebar widget (silahkan sesuaikan dengan sidebar sobat)
>>> bgTD-Warna background (Sesuaikan sesuai template sobat)
>>> borderColor-Warna Border (Sesuaikan dengan warna favorit sobat)
>>> thumbwidth& thumbheight-Lebar dan tinggi gambar
>>> fntsize-ukuran judul postingan
>>> acolor-Warna judul post
>>> abold-untuk tebalkan huruf
>>> numpost-jumlah post yang ingin ditampilkan
>>> home-page: alamat blog anda
Anda bisa mengedit sesuai selera anda, untuk melihat code warna bisa merujuk kesini
Demikian tutorial cara membuat widget recent post with thumbnails dan total komentarnya. Semoga bermanfaat!