Facebook Twitter Pasang Iklan Anda Disini!
Gratis berlangganan artikel ALDI-XP via E-mail, Join sekarang!!

Wednesday, February 16, 2011

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, http://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:

feedburner

8 komentar: — Skip to Comment

Dwi Banet said...

pertamax langsung sedot sob......

ALDI - XP said...

@Dwi Banet : ok dah bang... sikat sepuasnya...

BLOGGER LAMONGAN said...

wah bagus itu caranya

BLOGGER LAMONGAN said...

follow ke 54 sukses gantian ya mas :x :aghast: :heart: :heart:

ALDI - XP said...

ok bang.... hehehhe... :l: ane follow blog abang...

pekooxs said...

itu bisa buat wp g gan, salam kenal gan...?

ALDI - XP said...

@pekooxs
iya salam kenal juga...
monggo dicoba gan... hehehe :h:

Eric Juanto said...

sob......
Kalo populer post ada gk....
Yang pake thumbnail....?
Sama Recent commentar ya....
Soal.a recent komment.Q sering error....

Agar Komentar Anda Lebih Hidup Gunakan Emoticon Dibawah Ini

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l:

Post a Comment — Or Back to Content

Ayo berikan sedikit komentar sobat buat blog ini
Sedikit komentar dari sobat sangat berarti untuk blog ini

Cara Berkomentar yang benar :
1. Jangan menggunakan "Anonymous" dalam berkomentar, Admin tidak akan membalas komentar anda
2. Jangan mengirimkan pesan berbentuk Spam
3. Komentar anda akan muncul setelah di konfirmasi oleh admin

 

SITE INFO


BE A SPONSOR

smadav antivirus indonesia