Minggu, 10 April 2011

Cara Mudah Memberi Recent Post Dengan Thumbnail

Untuk membuatnya silahkan ikuti langkah-langkah dibawah ini .
Pertama tentunya log in dulu di blog sobat. Pada menu Dashboard klik menu "Design -  : Page Elements"

Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"

Dan taruh script dibawah ini kedalamnya.

<script language="JavaScript">
 
imgr = new Array();
 
 
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
 
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
 
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
 
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
 
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
 
boxwidth = 270;
 
cellspacing = 8;
 
borderColor = "#ffffff";
 
bgTD = "transparent";
 
thumbwidth = 40;
 
thumbheight = 40;
 
fntsize = 12;
 
acolor = "#666";
 
aBold = true;
 
icon = " ";
 
text = "comments";
 
showPostDate = false;
 
summaryPost = 40;
 
summaryFontsize = 10;
 
summaryColor = "#666";
 
icon2 = " ";
 
numposts = 10;
 
home_page = "http://sanatengah.blogspot.com/";
 
</script>
 
<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>


Ket :
boxwidth = 270; untuk menentukan lebar dari widget yang harus Anda sesuaikan dengan lebar Layout Anda.
Ganti URL "http://sanatengah.blogspot.com/" dengan alamat blog Anda.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.

Nah kalau sudah tinggal SAVE.



Sumber : Cholil' Blog

KLIK "POSTING KOMENTAR" UNTUK BERKOMENTAR


EmoticonEmoticon