Membuat Recent Post Bergerak Di Blog

Pembaca Setia Blog Maktabah Online yang saya cintai ..

Kali ini saya akan hadir menemani anda untuk berbagi tentang bagaimana membuat recent post bergerak di Blog. 

Sebetulnya posting tentang tema ini, sudah pernah saya muat di Blog Goresan Jari Jemariku , hanya saja beberapa script tersebut saya coba ternyata sudah expired. Nah untuk script yang saya bagikan ini, Insya Allah sampai naiknya tulisan ini, masih bisa digunakan, karena baru saja saya pasang di Blog Griya Herbal Ummu Iram , Blog Toko Online Belanja Grosiran Herbal Dengan Harga Eceran , coba deh liat ke TKP ya..

Nah caranya mudah sekali :

1. Login Ke akun Blogger anda
2. Kemudian masuk ke mode Lay out atau Tata letak
3. Lalu Tambahkan satu gadget HTML pada posisi yang anda inginkan
4. Kemudian anda beri judul misalkan Recent Post / Artikel Terbaru / Tulisan Terbaru / Berita Terbaru
5. Setelah itu anda copy kode berikut dan paste disana . Lalu save dan kemudian lihat hasilnya ..
6. Gampang kan .. selamat mencoba ...

Mau koyo kaki Happy Life Murah hanya @Rp.7000-an ? 

Atau Mau Koyo Kaki Bamboo Gold Hanya @Rp. 8000-an ?  

Klik aja gambar berikut ... 

Ini kodenya :

Silahkan :

<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</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>
var numposts = 5;
var numchars = 0;

</script> <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>