Recent Post Dengan Thumbnail Bergerak

Fitur yang satu ini sangat membantu dalam meningkatkan page view di blog / website kita karena dalam Recent post dengan thumbnail bergerak ini akan membut para pengunjung menjadi tertarik untuk melihat postingan - postingan yang ada didalam blog / website kita. Cara kerja recent post dengan thumbnail bergerak ini adalah dengan merandom postingan-postingan yang ada di dalam blog kita dan yang pastinya recent post ini akan menampilkan gambar beserta gerakan dari atas kebawah.

Ok langsung saja cara pembuatan Recent post dengan thumbnail bergerak di blog / website anda.

1. Login ke akun Blogger anda.
2. Pilih rancangan > Elemen Laman > Tambah Gadget > Html / Java Script
3. Copy paste kode dibawah ini.
   
   <center><style type="text/css">
   #rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
   #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
   #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
   #rp_plus_img li{height:60px;padding:5px;list-style:none;}
   #rp_plus_img a{color:#F68629;}
   #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
   #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
   #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
   </style>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
   </script>
   <script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
   </script>
   <script type="text/javascript">
   var speed = 1000;
   var pause = 2500;
   $(document).ready(function(){
   rpnewsticker();
   interval = setInterval(rpnewsticker, pause);
   });
   </script>
   <ul id="rp_plus_img"><script>
   var numposts = 20;
   var numchars = 45;
   </script> <script src="http://zonaeksis..blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
   </script> </ul>
   </center>
   
4.  Kemdian klick save dan lihat hasilnya.

nb// rubah tulisan berwarna merah (http://zonaeksis..blogspot.com/) dengan alamt blog / website anda.