Cara Membuat Widget Artikel Terbaru Dengan Efek Slide

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Artikel kali ini Saya akan membahas cara membuat widget recent post dengan efek slide.
Blogger tidak menyediakan widget recent post yang ada cuma widget untuk menampilkan artikel terpopuler. Jadi, kita harus membuat sendiri widget-nya atau bisa cari di Google widget untuk menunjukkan artikel terbaru. Saya ada widget-nya, tapi tidak begitu bagus tampilannya. Berikut ini recent post dengan efek slide yang bisa langsung kalian pasang di blog.

Cara membuatnya:

•  Login ke blogger.com, jika sudah,
•  Pilih Tata Letak → Tambah Gadget → pilih HTML/JavaScript

<style type="text/css">
#rp_plus_img{height:350px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#FFF;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://softwarebali.googlecode.com/files/RECENTPOSTJQUERI.JS"></script>
<script type="text/javascript" src="http://softwarebali.com/files/slidepost.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 15;
var numchars = 70;
</script>
<script src="http://urlwebataublogsobat/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

• Simpan dan lihat hasilnya.

Perhatian:

• 2f2f2f adalah warna background dari widget recent post
• 400 adalah kecepatan untuk recent post berganti post
• 2500 adalah berhentinya pergantian post sementara
• 15 adalah berapa post ingin ditampilkan
• 70 adalah jumlah karakter teks yang ingin ditampilkan
• http://urlwebataublogsobat ganti saja.

Itulah artikel mengenai cara membuat widget recent post dengan efek slide. Semoga bermanfaat untuk kalian.