Header Ads Widget

Responsive Advertisement

Post Ticker

6/recent/ticker-posts

Cara membuat post berjalan berdasarkan label di blogspot

Satu hari saya lihat blog teman, saya tertarik dengan post widgetnya berjalan automatis. Penasaran saya tidak mau menyerah, lalu saya tanyakan mbah google, ternyata ada, ini model yang pertama saya temukan:

<br/> <br/>
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default/-/LABEL KAMU?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

Selamat mencoba ya...ngak pake pusing.

Hasilnya akan menjadi seperti ini:




Post a Comment

0 Comments