-->

Membuat Recent post dengan Thumbnail dan Simple Spy

Membuat Recent post dengan Thumbnail dan Simple SpySalam blogger sobat!!! Gimana kabarnya masih pusing optimasi kontes Astaga.com lifestyle on the net? he..he.. santai aja bos gak usah ngoyo.

Mending simak Tips dan Trik ini sobat, Membuat Recent post dengan Thumbnail dan Simple Spy. Aq nemu tips blogging ini di blognya Kang Abu Farhan. Langsung aja sobat.

Login ke blog sobat ->> Tata Letak ->> Elemen Halaman ->> Tambah Gadget ->> HTML/Javasript

Taruh kode berikut di kolom HTML/Javascript



<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:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

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

-->
</style>

<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 = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://yourblog.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Ubah home_page URL dengan URL blog sobat terus simpen ya... OK segitu dulu sua blog Tips dan Trik UDIK kepada sobat blogger. Semoga bermanfaat.

13 Obrolan seru!

hello...
nice blog...

thanks a lot..

salam blogger,,,blog nya kere..udah di follow tu..follw balik ya....http://keretaunto.blogspot.com/

blog bunner link nya udah di pake...tukeran ya,,link bunner saya di pake juga,,,trims

mantap dah..
visit ni http://www.akhatam.com

ciip...
tukeran link yuk...
www.afoed99.blogspot.com

Nice info sob... ^_^

http://www.haura2506.co.cc/

Slm kenal

klo bikin secara mendatar gimana, bos...

SALAM SOBAT
Kunjungan dari Saudi arabia
trims scriptnya ,saya sudah pasang recent post ini di blog saya.

bagus artikelnya... :)

ayo stream www.e-campusradio.com

Nice info brade.. sudah saya terapkan dan berhasil.

jgn lupa singgah tempat saya ya

Mohon komentar dengan sopan, SARA atau menaruh LINK Aktif di kotak komentar tidak akan muncul
Show EmoticonHide Emoticon