Memasang Widget Recent Post (Postingan Terbaru) + Tumbnail

Oke langsung saja, ya... Caranya:

1. Buka Design - Page Elements - add a Gadget - pilih HTML/JavaScript - lalu copy paste kode Javascript di bawah ini:

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

2. Edit beberapa hal yang bisa disesuaikan dalam coding, sbb:

• boxwidth. Bisa diganti size-nya. Tergantung lebar gadget yang diinginkan.
• thumbwidth = Ukuran lebar kotak gambar
  thumbheight = Ukuran tinggi kotak gambar
• numposts =jumlah postingan terbaru yang akan disajikan
• NAMABLOGANDA = isi dengan alamat url blog Anda.

3. Isi title / Judul gadget, misalnya "Recent Post" atau "Postingan Terbaru". Terakhir, tinggal di-save deh... Selesai...  Nanti akan muncul gadget seperti ini:

Selamat mencoba ^__^

Rujukan : http://trik-yuwie.blogspot.com/2009/09/pasang-recent-post-plus-thumbnails.html

Posted in: Tutorial Blogger