Recent post animasi atau yang biasa kita sebut dengan istilah populer posts adalah sebuah widget yang bisa kita pasang untuk membuat penampilan blog lebih menarik, karena setiap artikel yang kita publikasikan akan di tampilkan secara acak dan bergerak ke bawah secara bergantian menjadikan blog kita terasa lebih hidup.
Berikut penampilan widget yang saya beri nama recant post keren animasi, semoga sobat menyukainya :- Login ke akun blogger sobat
- Masuk ke pengaturan Tata Letak
- Klik Tambahkan Gadget
- Pilih HTML/JavaScript
- Masukkan kode berikut kemudian Save
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#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:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#fffff;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
Untuk mengatur kecepatan gerak maupun berhenti post artikel sobat bisa mengganti angka yang di berwarna orange sesuai keinginan, silahkan sobat berkreasi sendiri.
Semoga artikel recent post keren bergerak ini bermanfaat.
Klik disini untuk berkomentar 0 komentar:
Berkomentarlah dengan bijak karena setiap perkataan yang kita ucapkan merupakan cermin pribadi seperti apa diri kita..