Cara Membuat "Recent Post" Bergerak

Senang rasanya bisa kembali update blog ini semoga bermanfaat bagi para pengunjung setia kami. Saya tergolong pemula dalam dunia blog namun berkat ketekunan dan berbagai sumber yang bertebaran di Internet tentang "ngeblog" akhirnya hadirlah blog yang sederhana ini. Kalau tulisan sebelumnya mengupas tentang setting aplikasi Mozilla, maka kali ini saya mau berbagi bagaimana cara membuat Recent Post bergerak. Berawal dari search tentang hal yang sama maka dari blog Sumber : http://bloggerpohuwato.blogspot.com sama mau share disini dan semoga bermanfaat bagi para blogger untuk mempercantik tampilan blognya.

Langkahnya sangat sederhana :
1) Sign in di blogger anda
2) Pilih Layout
3) Pilih Widget
4) Tempelkan Script berikut ini :

   

1. <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>
   <small><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>

2. Simpan, lalu cek hasilnya.