8 CARA MEMBUAT RECENT POST DENGAN THUMBNAIL

Do you want to share?

Do you like this story?

Cara membuatnya adalah sebagai berikut.
1.Login Pada blogger.
2.Klik Layout pada Dashboard anda.
3.Klik Add a Gadget lalu pilih HTML/Javascript.
4.Masukkan kode script dibawah ini dan Save.
Letakkan widget ini pada sidebar yang ada inginkan, terserah anda.

Screen shoot :

(Klik pada gambar agar lebih jelas)

Script :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:435px;
width:300px;
}
#spylist ul{
width:390px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:210px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background: #212121 repeat-x;
border:1px solid #ddd;
pixed #666666;-moz-border-radius:3.5px;border-radius:3.5px;
}

#spylist li a {
text-decoration:none;
color:#FFFFFF;
font:verdana;
font-size:10px;
height:12px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#000000;
border:0;
border:3px pixed #333333;-moz-border-radius:3px;border-radius:3px;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#FFFFFF;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:10px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#FFFFFF;
padding:0px 0px;
margin:0px 0px;
}

</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[1] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[2] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[3] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[4] = "http://www.videokl.com/thumbs/no_image.gif";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#666666";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 80;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 10;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 50;

home_page = "http://www.aldi-xp.tk/";

limitspy=5
intervalspy=3600

</script>

<div id="spylist">
<script src='http://aldixp.googlecode.com/files/recentpostthumbspy.js' type='text/javascript'></script>
</div>

Hal yang perlu diubah adalah :
boxwidth - Lebar widget
cellspacing - Space antara cells (default adalah 1 sudah bagus)
borderColor - Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
fntsize - Ukuran huruf judul postingan
acolor - Warna huruf judul postingan
aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
numposts - Berapa banyak recent post yang akan ditampilkan
home_page : http://www.aldi-xp.tk/ (Ganti dengan URL blog anda)

INFO : Jika artikel CARA MEMBUAT RECENT POST DENGAN THUMBNAIL ini bermanfaat, silahkan sobat share (copy/paste) artikel ini. Bila berkenan mohon mencantumkan link sumbernya, https://aldi-xpblog.blogspot.com/2011/02/cara-membuat-recent-post-dengan.html. Terima Kasih,,

Related Post :

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Official Blog Of ALDI-XP di inbox anda: