Ads by BuzzCity

Rabu, 20 Juli 2011

Home » » MAKE RECENT POST WITH SLIDE TUMBNAIL

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://jurus-1000dolar.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 

Tidak ada komentar:

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...