MAKE RECENT POST WITH SLIDE TUMBNAIL




Assalamu'alaikum sobat bloger dan selamat pagi semuanya , dipagi cerah dan tada panas ini enaknya posting yang ringan dan udah aja kali ya,okelah langsung aja topik kali ini [er] ingin membahas tentang "MEMBUAT EFEK SLIDE RECENT POST WITH TUMBNAI" waduh panjang amat judulnya hehehehe...untuk lebih jelasnya bisa dilihat screen shot diatas atau bisa dilihat disamping sebelah kiri blog ini yang ada gambar recent postnya.



cara membuatnyua recent post dengan slide mudah dan cpat sob,langsung aja klik ke tkp:
1.login ke dalam dashbor bloger
2.klik rancangan-->tata letak
3.tambahkan html/java script dalam tata letak tadi
4.copas kode dibawah ini dan aturlah letak sesuai dengan selera sobat bloger:


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

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://enthikrule.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>

ganti alamt URL dengan alamt blog sobat bloger
5.simpan dan lihat hasilnya.

semoga post kali ini bisa bermanfaat dan berguna bagi sobat bloger semua,,,mari majukan bloger indonesia dengan saling mendukung kemajuan blog didunia maya .SALAM BLOGER  INDONESIA 

1 komentar:

roomantik said... Replay

biar bergerak menyamping arah horisontal gimana caranya bro

Post a Comment

Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam nyepam dosa tau!!!,mari jadikan bloger indonesia lebih baik!

Related Posts Plugin for WordPress, Blogger...
 
© 2009 Enthik Rulez[ E.R] | Powered by Blogger | Built on the Blogger Template Valid X/HTML (Just Home Page) | Design: Choen | PageNav: Abu Farhan
Suka enthik rulez? Follow @dikutip