Cara Pasang Recent Post Animasi Di Blog

Widget Recent Post merupakan salah satu cara untuk mempercatik Blog sobat, karena akan secara otomatis berjalan untuk menampilkan beberapa Post yang ada pada Blog sobat, namun jika Post sobat tidak memiliki gambar maka akan muncul simbol "X" pada widget tersebut. Nah, sahabat Warung Blogger, Kali ini saya akan share Cara Pasang Recent Post Animasi Di Blog, Jika Sobat berminat langsung aja Ikuti langkah berikut:

1. Login ke Blog sobat
2. Pilih Tata Letak
3. Pilih HTML Javascript
4. Pastekan script berikut ke dalam HTML Sobat

<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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></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 style="text/javascript"> var numposts = 5; var numchars = 0; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul> <small><a href="http://distro-blogger.blogspot.com/" target="_blank">Get This Widget Here</a></small> 5. Simpan dan lihat hasilnya

Sekian yang dapat saya share kali ini, Semoga bermanfaat dan Keep Blogging

Posted in: Blogging