Cara Mudah Membuat Recent Post Bergerak Pada Blog

>> 09 Maret 2013

Buatlah Blogger anda lebih menarik!
Salah satu cara memperindah blog anda adalah dengan membuat Recent Post dengan tampilan bergerak dari atas ke bawah.
Menarik sekali bukan?
Jika anda ingin mencobanya ini dia caranya :
1. Pada Dashboard Blogger masuklah ke Layout
2. Add a Gadget > pilih HTML/JavaScript.
3. Copy dan Paste Kode ini pada kotak HTML/JavaScript :
<style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
#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:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#FFF;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://nuweblog.googlecode.com/files/Recent-by-Nuweb.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 250;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Selamat Mencoba dan semoga bermanfaat!

Sumber : http://nuweblog.blogspot.com

0 komentar:

Harapan Kami

Semoga semua apa yang ada di Blog ini bermanfaat untuk kebaikan. Amin.....

  © Blogger templates Semoga Bermanfaat by Ourblogtemplates.com 2011

Back to TOP