Sunday, August 9, 2009

Menampilkan recent post dengan Thumbnail di blogspot





Menampilkan recent post dengan Thumbnail di blogspot, dimana di dalam recent post dengan gambar ini sekarang lagi ngetrend sekali, karena kebanyakan kita menginginkan postingan terakhir kita tampil di sisi side bar dengan dilengkapi gambar kecil atau thumbnail, serta dilengkapi tanggap posting dan sedikit rangkuman postingna kita serta ada jumlah comment dalam postingan kita,



ada beberapa cara untuk menampilkan postingan terakhir dengan gambar, atau bahasa agak kerenya Menampilkan recent post dengan Thumbnail di blogspot, wigit berikut ini dihasilkan oleh blogger trick, dan caranya seperti dibawah ini
berikut ini saya ambil contoh dari blog Free download software berikut ini :

cara membuatnya cukup sederhana kita tinggal copy paste aja script dibawah ini, kemudian langsung paste aja dalam gadget HTML/javascript (Tuju tab Layout - Page Elements - Add a Gadget - pilih HTML/javascript)

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


dan berikut ini item-item yang perlu diadakan perubahan
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://NamaBlogkita.blogspot.com/ (Ubah sesuai URL blog masing2)


No comments:

Post a Comment