Cara membuat Widget Recent Posts/ Postingan Terbaru

cara memasang recent post atau widget postingan terbaru, untuk posting kali ini ada sedikit perbedaan, widget recent post ini disertai dengan thumbails dan jumlah komentar, saya pun menggunakan widget ini untuk blog ini.
Mau tahu cara membuat widget recent post with thumbails ini? Kalau sudah, ya ini untuk yang belum tau aja.
Oke langsung aja cara membuat widgt recent post ini:

Pertama-tama:                    
1. Login blog sobat
2. Rancangan >> Elemen halaman >> tambah Gadget (HTML/JavaScript)
3. lalu masukkan kode dibawah ini :

<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaEo6Y0Q-Qgbi_atVXeeApSa1ZTEXk5BlVjLpt9VBrPC33BVAvWqwPyiNUIaf6HssKSnhxowLnsK0bWft6MFBV96BKSS7HjiNB531ddtHWvcbEkk-Ycc9mX8RQHBpR-6VJ7mLhEEcnGUY/";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaEo6Y0Q-Qgbi_atVXeeApSa1ZTEXk5BlVjLpt9VBrPC33BVAvWqwPyiNUIaf6HssKSnhxowLnsK0bWft6MFBV96BKSS7HjiNB531ddtHWvcbEkk-Ycc9mX8RQHBpR-6VJ7mLhEEcnGUY/";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaEo6Y0Q-Qgbi_atVXeeApSa1ZTEXk5BlVjLpt9VBrPC33BVAvWqwPyiNUIaf6HssKSnhxowLnsK0bWft6MFBV96BKSS7HjiNB531ddtHWvcbEkk-Ycc9mX8RQHBpR-6VJ7mLhEEcnGUY/";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaEo6Y0Q-Qgbi_atVXeeApSa1ZTEXk5BlVjLpt9VBrPC33BVAvWqwPyiNUIaf6HssKSnhxowLnsK0bWft6MFBV96BKSS7HjiNB531ddtHWvcbEkk-Ycc9mX8RQHBpR-6VJ7mLhEEcnGUY/";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaEo6Y0Q-Qgbi_atVXeeApSa1ZTEXk5BlVjLpt9VBrPC33BVAvWqwPyiNUIaf6HssKSnhxowLnsK0bWft6MFBV96BKSS7HjiNB531ddtHWvcbEkk-Ycc9mX8RQHBpR-6VJ7mLhEEcnGUY/";

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

</script>

<script src="https://sites.google.com/site/tipsblogzone/tips-blog/recentposts_thumbnail.js" type="text/javascript"></script>

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 sobat

Jangan lupa save/simpan yahh…

Tweet