header-irwanalessatyme-

Tutorial : Recent Post with Thumbnail

on 20 January 2013

Assalamualaikum..

Hari ni sibuk belek-belek google cari tutorial untuk Recent Post yang lain dari lain.. Pada aku cantik la juga, tapi aku tak pasti la code ni berjaya ke tak untuk pengguna blogskin.. Siapa yang rajin nak test tu boleh la di alukan.. Simple je recent post ni, ada sekali thumbnail beserta jumlah komen sekali.. Perasan tak dekat sidebar aku tu.. ??


capture-20130120-164143


  1. Add gadget ----- > HTML/ Javascript
  2. Copy code dan paste dalam gadget tersebut..
<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 = "url blog anda";</script><script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

boxwidth = ukuran kotak widget
cellspacing = ruang antara kotak
thumbwidth & thumbheight = ukuran tinggi dan lebar kotak gambar
numpost = jumlah post
url blog anda = nama url blog

ok boleh save.. Selamat mencuba..
Ranking: 5
 
© Blog CCK All Rights Reserved