Membuat Recent Post dengan Thumbnails pada Blogger

Membuat Recent Post dengan Thumbnails pada Blogger - Salah hal yang penting dalam blog kita mungkin adalah recent post atau relate artikel terbaru. biasanya ini menjadi rujukan kebanyakan untuk bisa mengetahui postingan-postingan yang baru saja kita publish di blog kita.

Untuk membuat recent post ini sangat mudah sekali, anda hanya tinggal menambahkan sedikit kode HTML di sidebar blog anda. Sebenarnya ada cara membuatnya secara otomatis tanpa thumbnails, Tapi pada kali ini saya akan mengajak anda untuk membuat recent post dengan Thumbnails. OK. mari langsung saja kita ke TKP untuk melihat kode apa yang harus kita tambahkan di blog kita:

1. Login ke blog anda
2. Klik Layout pada Dashboard anda.
3. Klik Add a Gadget lalu pilih HTML/Javascript.
4. Masukkan kode script dibawah ini dan Save.

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

Yang perlu anda ubah adalah yang berwarna merah :D:
boxwidth - Lebar widget
aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
numposts - Berapa banyak recent post yang akan ditampilkan
home_page : http://tgkboy.blogspot.com/ (Ganti dengan URL blog anda)

loading...

0 blogger-facebook: