Cara Membuat Random Post Bergerak Ke Bawah

Cara Membuat Random Post Bergerak Ke Bawah - Random Post atau artikel yang bergantian ditampilkan di sidebar memang menjadi salah satu pendukung majunya suatu blog, karena random post bisa saja menarik minat orang untuk klik artikel yang berada di random post.

Sebelumnya saya telah membahas Cara Membuat Tulisan Berjalan Pada Widget, Artikel Dan Blog dan jika anda berminat untuk membacanya silahkan klik link di atas. dan sekarang saya akan membahas artikel mengenai cara membuat random post.

Saya tidak sengaja menemukan cara ini ketika saya sedang berkunjung ke salah satu blog di google, dari pada memasang widget yang tidak bermanfaat  mending memasang widget yang satu ini,  widget ini sangat ringan dan cocok untuk blog anda, dan pemasanganya pun sangat mudah.
Cara Membuat Random Post Bergerak Ke Bawah
Gambaran Random Post
Blog memang harus memiliki berbagai perlengkapan untuk menunjang berkembangnya suatu blog, salah satunya adalah widget ini, baiklah langsung saja bacalah tutorialnya dibawah ini.

Cara Membuat Random Post Bergerak Ke Bawah :
  1. Masuk ke akun blogger anda.
  2. Klik tab "Tata Letak".
  3. Kemudian klik "add new gadget"
  4. Pilih "HTML/JavaScript"
  5. Dan masukan script berwarna merah di bawah ini :
    <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:14px;}
    #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#282828;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 =
    4000;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    </script>
    <ul id="rp_plus_img">
    <script style="text/javascript">
    var numposts =
    15;
    var numchars = 60;
    </script>
    <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
    </ul>
    </div>
  6. Selesai, tinggal simpan kemudian lihat hasilnya.
Keterangan :
  1. Script yang saya beri warna biru adalah kecepatan berpindahnya post ke bagian lainya, dan ini dapat anda ubah sesuai keinginan anda.
  2. Script yang saya beri warna hijau adalah waktu berhentinya post, dan ini dapat anda ubah sesuai keinginan anda
  3. Script yang saya beri warna kuning adalah banyaknya artikel anda yang akan di tampilkan dalam random post ini.