Cara Membuat Widget Recent Post Keren [Slide]

Berikut langkah-langkahnya :

1. Login ke blogger 
2. Pilih Tata Letak
3. Kemudian klik tambahkan gadget dan pilih HTML/JavaScript
4. Masukkan kode di bawah ini :
   <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://googledrive.com/host/0B-j5FxzmZ0a_eHZOcjBydEtTYVk" 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="http://varozi.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"> </script> </ul> <small><a href="http://varozi.blogspot.com/search/label/Blog" target="_blank">Blogger Widget</a></small> <small><a href="http://varozi.blogspot.com/2013/06/cara-membuat-widget-recent-posts.html" target="_blank">Get This Widget</a></small>
   [NOTE] :
   
   Jumlah posting yang ditampilkan adalah 5 posts. Ubah URL warna biru dengan URL Website/Blog sobat. Terdapat banyak kode ukuran dan kode warna yang dapat sobat ubah. Namun widget ini sudah disesuaikan dengan ukuran dan warna yang ideal. Jadi lebih baik jangan diubah, karena takut nantinya jadi berantakan.


5. Simpan gadget anda 

Selamat mencoba...