Membuat Recent Post Bergerak Membuat Recent Post Bergerak - Pusat Semangat

Membuat Recent Post Bergerak

Recent post sekarang sudah tidak lagi tersedia di widget default blogger. Kabar baiknya sekarang ada widget recent post yang saya jamin keren banget. Recent post yang bisa bergerak, jalan sendiri. Cara pasangnya juga mudah, tinggal tempel script codenya di wideget java script.

Berikut ini adalah scriptnya:
<style type="text/css">
#rp_bsu_img{height:290px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_bsu_img ul{list-style-type:none;margin:0;padding:0}
#rp_bsu_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_bsu_img li{height:70px;padding:1px;list-style:none;}
#rp_bsu_img a{color:#55acee;}
#rp_bsu_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:13px;}
#rp_bsu_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_bsu_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #f5f5f5;width:75px;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://yourjavascript.com/77161122610/bsurecentpost.js"></script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_bsu_img">
<script style="text/javascript">
var numposts = 7;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Membuat Recent Post Bergerak

Nanti tampilannya seperti gambar di atas. Dijamin keren banget recent postnya. Bukan cuma itu, widgetnya ringan dan loadingnya cepat. Jangan penasaran, silakan coba sekarang. Kalau tidak suka, tinggal copot lagi. Mudah kan? hehe...


Jangan lewatkan sajian menarik lainnya ya^^


2 Responses to "Membuat Recent Post Bergerak"

Ada Pertanyaan atau Komentar?

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel