Membuat Recent Post Efek Slide Plus Thumbnails V2 With Jquery

Gara Gara Teman ane Banyak Yang Bertanya kepada ane cara membuat Rencent Postnya bergerak... pada postingan ini ane share Dimari Cara Caranya...

Recent post menunjukkan apakah post terbaru yang baru dihasilkan oleh seseorang blogger untuk blognya

berikut Inilah Beberapa Caranya Untuk Memperbagus Recent Post Cekidot :

Contoh :

Kalau Mau Lihat Demonya Lihat aja Di Blog Ini ^^

Tutorial untuk membuat animated recent post ini adalah seperti berikut :

1. Login To Blogger

2. Dari Dashboard > Design > Add a Gadget > HTML/javascript

3. Copy dan paste kode di bawah ke dalam ruangan HTML/javascript yang anda buka.

Codenya Gan:

<style type="text/css">

#rp_plus_img{height:377px;}

#rp_plus_img li {height:60px;padding:5px;list-style:none;

background-color:#000000;

border:solid 1px #FF00FF;}

#rp_plus_img a{color:#00000;}

#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;

text-align:justify;

-moz-border-radius: 5px;}

#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;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://hanjs.googlecode.com/files/recentpostv2.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 = 5;

var numchars = 0;

</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul><small><a href="http://peterjepimars.blogspot.com/2012/05/membuat-recent-post-efek-slide-plus.html" target="_blank">get this widget here</a></small><br/><small><a href="http://deejayhan.blogspot.com" target="_blank">Thx To  http://deejayhan.blogspot.com </a></small>

4. Selesai Dah ^^

Thx To : http://deejayhan.blogspot.com