Beranda » » » Trik Membuat Recent Post Slide Show » Komentar Postingan 2 komentar

Hai sobat blogger, mungkin postingan kali ini dah lama diketahui oleh sobat blogger namun aku mencoba untuk berbagi kembali. Bermodal blogwalking akhirnya nemu neh trik membuat Recent Post Slide Show seperti yang terlihat di blog aku neh! Sebenarnya dah lama cuma baru kali ini aku posting untuk sahabat blogger! Oke caranya gampang kok, lihat langkah-langkah di bawah ini!

  1. Login ke blog sobat
  2. Tata Letak -> Tambah Gadget (HTML/Java Script)
  3. Masukkan Kode di Bawah Ini

<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://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/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://coretan-anak-pulau.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div> 



Keterangan:
Ganti tulisan berwarna biru dengan URL sobat blogger

Selamat mencoba, semoga berhasil!

2 comments

26 Januari 2012 pukul 09.08

aslmkum.
luar biasa postingan K"ady, sukses slalu ya k"ady....!!!

26 Januari 2012 pukul 09.10

Makasih child, sering-sering baca-baca aja!

Posting Komentar

Terima kasih telah berkunjung! Jangan lupa tinggalkan komentar yang baik dan sopan ya, tetapi maaf tidak menerima komentar anonim (NOT ALLOWED ANONYMOUS COMMENTS), silahkan pilih nama/url (PLEASE SELECT NAME/URL)!

Copyright © 2012 CSAP™ / Original Template by : Urangkurai / Redesign by : Ady Blink