Cara Mudah Mengubah Popular Post Bergerak Sendiri

Popular Post biasanya sering digunakan untuk blogger, agar pengunjung bisa mengetahui apa yang populer di situs kalian. Tidak hanya itu widget Popular Post bisa juga menjadi nilai plus saat Google mereview situs kalian.

Membicarakan tampilan Popular Post yang beraneka ragam, ada yang warna itu, warna itulah tapi kadang juga bikin membosankan jika tampilannya itu itu saja. Bagaimana jika Popular Post itu bergerak-gerak sendiri?, yuk kita coba.

Cara Membuat Widget Popular Post Bergerak

1. Hapus widget Popular Post di Tata Letak > Edit Widget > Hapus Widget

2. Buat widget / add widget > HTML/JavaScript

3. Copy kode dibawah ini, dan paste ke halaman HTML/JavaScript

<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:50px;height:50px;}
    
</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></small>

4. Isi judul sesuai selera

5. Simpan!!, dan lihat hasilnya.