Minggu, 28 Agustus 2011

Pasang Widget Recent Post bergambar

Beberapa rekan mungkin sudah ada yang pernah memasang Widget Recent Post + Thumbnails + Comment Count ini ya, bagi yang belum pernah tidak ada salahnya mencoba memasang widget cantik ini yang saya ketahui pembuatnya bernama Kranti, yaitu owner dari Bloggertriks.com. Kalo tidak salah dulu saya pernah juga menulis tentang Recent Posts menggunakan Javascript, tapi yang terbaru ini rada beda, dimana widget ini tidak hanya menampilkan recent post doank, tetapi juga dilengkapi dengan penambahan fasilitas gambar dan juga jumlah komentar.Eh iya sampelnya pada gambar di samping.Biar nggak lama-lama ,kita langsung saja ke tutornya saja :
  1. Tinggal mengCopy-Paste script berikut :
<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://blogmeinside.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>


     2.Buka blogger.com, loginlah pada blog anda, pilih tab Rancangan.
     3.Lalu pada opsi Elemen Laman klik Tambah Gadget/Add Gadget,pilih lagi pilihan Java script/HTML.
     4.Masukan atau paste script tadi yang telah di copy pada kotak Gadget yang akan muncul.

  •  Yang perlu diketahui :

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.
numposts - Jumlah recent post yang yang ingin ditampilkan.
home_page : http://blogkamu.com/ (Ubah sesuai URL blog anda)



Pasang widget recent post bergambar,Tutorial pasang recent post + thumbnails+comment count, pasang widget post terbaru pada blog, Cara pasang recent post pada blogger.

0 komentar:

Posting Komentar

Adsense Indonesia Paid Review Indonesia