Memasang Recent Post dengan Widget Thumbnails + Comment Count

Jika anda ingin melihat tampilan Widget Recent Post Thumbnails + Comment Count bisa melihat di hendriaru.co.cc. Sebenarnya memasang recent post bisa mempergunakan berbagai macam cara, yang antara lain bisa lewat BuzzBoost [feedburner], Feed Default Blogger, maupun menggunakan Javascript [non thumbnails]. Kali ini saya ingin membagikan cara memasang Widget Recent Post Thumbnails + Comment Count. Saya mendapatkan informasi ini dari Kranti yang punya bloggertricks.com. Kebetulan saya juga sudah sempat mempergunakan widgetnya di blog saya disini.

Untuk itu buat anda yang ingin mempergunakannya, silahkan baca tutorial dibawah ini:

1. Login di blogger
2. Klik Layout
3. Pilih Page Elements
3. Klik Add a Gadget dan pilih HTML/javascript
4. Copy paste kode dibawah ini di Gadget yang baru ditambahkan:

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

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.e-handbook.web.id/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Bagian yang perlu di edit:
boxwidth - Ukuran Lebar Widget
cellspacing - Spasi diantara cells
borderColor - Warna Border
thumbwidth & thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
fntsize - Ukuran Font pada title
acolor - Warna title
aBold - Tebal huruf pada title? (true or false)
numposts - Jumlah recent post yang ditampilkan?
home_page : http://NAMABLOGKAMU.com/ (Ubah sesuai URL blog masing2)

Catatan: Tuju Pengaturan {setting] >> Feed Situs [site feed] >> di "Ijinkan Feed Blog [Allow Blog Feeds]" [Pastikan Anda memilih penuh/ full >> Klik simpan pengaturan [save setting]

Selamat mencoba dan salam blogging!!...

Bagi anda yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, saya sarankan untuk anda bisa belajar di sini

Bagikan