Cara Membuat Recent Post Berjalan Di Blog

Pada postingan kali ini saya akan berbagi artikel yaitu cara membuat recent post bisa berjalan di blog. Banyak cara untuk menampilkan recent post pada blog kita, sehingga blog kita bisa tampil lebih cantik. Selain dapat mempermudah pengunjung untuk lebih banyak membaca artikel kita yang lainya, sama halnya dengan artikel terkait atau related post, recent post juga bisa dengan tampilan thumbnail, untuk itu kali ini saya akan berbagi dengan sobat semua tentang cara membuat recent post berjalan yang pastinya sangat mudah untuk dilakukan.

Terus bagaimana cara agar recent post dapat berjalan di blog? Ikuti langkah-langkah dibawah ini:

1. Masuk ke dashbor blog sobat.
2. Klik Tata Letak > Tambah Gadget > Pilih HTML/Java Script.
3. Masukan kode script di bawah ini ke dalam box HTML/Java Script
   
   
   

   <center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
       #rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 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:85px;padding:0px;list-style:none;}
       #rp_plus_img a{color: #000000;}
       #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}
       #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}
       #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;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="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript">
       </script>
       <script type="text/javascript">
       var speed = 1000;
       var pause = 3500;
       $(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://flamboyan68.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
       </script> </ul>
       </center></td></tr></tbody></table></center>

    
4. Terakhir simpan
5. Lihat hasilnya akan tampak sama dengan punya saya yang ada di sidebar

Note :

• Width: Ganti ukurannnya sesuai dengan lebar widget yang ada di blog sobat
• Url yang berwarna biru ganti dengan Url / alamat blog sobat
• Angka yang berwarna merah jumlah post yang ingin sobat  tampilkan

Semoga bermanfaat bagi sobat-sobat semua........