Membuat Recent Post Dengan Thumbnail

Membuat Recent Post Dengan Thumbnail - Lama gak update blog ini gara-gara sibuk ngurusin blog yang lain. Nah kali saya akan share sebuah tutorial blogger atau blogspot, yaitu bagaimana cara membuat widget recent post lengkap dengan thumbnailnya. Karena secara default blogger tidak memberika thumbnail untuk recent postnya. Ok gak usah lama-lama berikut Tutorial lengkapnya :

• Pertama Login ke dashboard blogger anda.
• Kemudia pilih tata letak.
• Pilih Lokasi Gadget yang anda inginkan.
• Lalu Pilih HTML / JavaScript
• Lalu Copykan code dibawah ini :

<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 = 230;
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://bloggerswordpress.blogspot.com/";
</script>
<script src="http://bloggerswordpress.googlecode.com/files/rpt_bloggerswordpress.js" type="text/javascript"></script>

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

• Nah kalau sudah tinggal SAVE.

Dan berikut adalah hasil dari tutorial blogger Membuat Recent Post Dengan Thumbnail

Tweet

Komentar →