Slide Show Auto|Simply

Hello sobat blogger,kali ini kita akan ngeshare cara buat slide show sederahana nih,Pasti semua orang suka dengan yang instant,cepat dan keren.whahaha seperti juga Slide Show Auto ini,udah simple keren juga,liat aja demonya :p

Demo:

Gimana mantep toh?,seep mau pasang diblog kalian? So kenapa nggak?
Nih scriptnya:

<div style="-moz-border-radius: 45px 40px 40px 47px; background: #b0b0b0 repeat scroll 0% 0% transparent; border-color: rgb(0, 0, 0) rgb(0, 0, 0); border-style: solid; border-width: 5px 20px; height: auto; overflow: auto; padding: 5px; position: relative;">
<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background:Transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 3px #f0f0f0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
#rp_plus_img img{float:left;margin-right:14px;padding:5px;border:solid 5px #585858;width:65px;height:65px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://slide-show-vertikal.googlecode.com/files/Slideshow%20Post.js" type="text/javascript"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<br />
<ul id="rp_plus_img">
<script>
var numposts = 5;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>
</div>

Okay kawan,semoga bermanfaat see you later :)

Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )

Slide Show Auto|Simply

Tidak ada komentar :

Labels

Popular Posts

Info

Iklan/ADS