Cara Mudah Membuat Recent Post Bergerak Pada Blog

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

Bagikan Artikel ini