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 :

BLOG

• CARA MEMBUAT KATA TERIMA KASIH PADA KOMENTAR
• CARA MERUBAH UKURAN JUDUL POST
• CARA MENGHAPUS LINK/TULISAN 'LIHAT PROFIL LENGKAPKU'
• CARA MEMBUAT TOMBOL SHARE FLOATING
• CARA MEMBUAT KOTAK COPAS
• CARA MEMBUAT DAFTAR ISI/SITE MAP DI POSTING BLOGGER
• CARA MEMBUAT SHADOWBOX DI BLOGGER
• TIPSY : CARA MEMBUAT TOOLTIPS SEPERTI FACEBOOK
• CARA MEMBUAT KOTAK KOMENTAR
• CARA PASANG/MEMBUAT TOMBOL REPLY KOMENTAR
• CARA PASANG SCREENSAVER DI BLOG
• CARA PASANG EMOTICON SOLDIER DI KOTAK KOMENTAR
• CARA MENAIKKAN PAGERANK DAN BACKLINK DI BLOG

TIPS AND TRICK

• Xilisoft Video Converter Ultimate 7.7.2 Full Version
• CARA MEMBUAT KATA TERIMA KASIH PADA KOMENTAR
• CARA MENGATASI THE PROXY SERVER IS REFUSING CONNECTIONS
• CARA MERUBAH UKURAN JUDUL POST
• CARA MENGHAPUS LINK/TULISAN 'LIHAT PROFIL LENGKAPKU'
• CARA MEMBUAT TOMBOL SHARE FLOATING
• CARA MELEWATI TIMER DI 4SHARED.COM
• CARA MEMBUAT KOTAK COPAS
• CARA MEMBUAT DAFTAR ISI/SITE MAP DI POSTING BLOGGER
• CARA MEMBUAT SHADOWBOX DI BLOGGER
• TIPSY : CARA MEMBUAT TOOLTIPS SEPERTI FACEBOOK
• CARA MEMBUAT KOTAK KOMENTAR
• CARA PASANG/MEMBUAT TOMBOL REPLY KOMENTAR
• CARA MERESET PRINTER
• CARA PASANG SCREENSAVER DI BLOG
• CARA PASANG EMOTICON SOLDIER DI KOTAK KOMENTAR
• CARA MEMBUAT WIFI SENDIRI DI LAPTOP/NETBOOK
• TIPS DOWNLOAD VIDEO DI YOUTUBE
• CARA MENAIKKAN PAGERANK DAN BACKLINK DI BLOG
• SMS GRATIS V.4

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