Cara Membuat Widget Recent Post Bergerak Di Blogger

Cara Membuat Widget Recent Post Bergerak Di Blogger - Widget, widget dan widget... dari post pertama sampai post yang ke 7 ini saya tidak bosan share widget-widget blogger kepada pengujung setia Blog Mas Aldi. Setelah kemarin saya share widget artikel terbanyak dikomentari di blogger, kali ini saya akan share widget recent post.

Widget recent post yang saya share kali ini bukanlah widget recent post biasa/widget recent post hanya teks/tulisan, namun widget yang saya share kali ini lebih menarik karena widget tersebut bergerak kebawah, lalu kembali ke atas, kebawah lagi, lalu keatas lagi dan seterusnya.

Widget Recent Post Bergerak Di Blog Lain Saya

Gambar tersebut adalah tampilan widget recent post bergerak yang akan saya share. Berminat untuk memasangnya? Simak tutorial saya kali ini!

Tutorial Memasang Widget Recent Post Bergerak Di Blog :

1.) Seperti biasa, masuk ke dasbor blogger, lalu pilih menu "tata letak"

2.) Klik "tambahkan gadget" di tempat widget ini akan dipasang, lalu pilih "html/javascript"

3.) Masukkan kode/script 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://sites.google.com/site/unwanted86/javascript/recentpost.js" 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="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://www.mas-aldi.com/2014/10/cara-membuat-widget-recent-post-bergerak.html" target="_blank">get this widget here</a></small>

4.) Klik simpan dan lihat hasilnya :)
Semoga berhasil :)

Cara Membuat Widget Recent Post Bergerak Di Blogger 2014-11-01T13:41:00+07:00 Rating: 4.5 Diposkan Oleh: Anonymous