cara membuat widget random post bergerak pada blogspot . widget atau fitur random post pada blog , secara default belum disediakan oleh pihak blogger . widget random post ini berbeda loh dengan widget popular post . widget popular post akan menampilkan postingan – postingan yang populer di blog sobat . berbeda dengan random post , widget random post akan menampilkan postingan – postingan secara acak , selain itu widget yang saya ingin share kali ini terdapat sebuah efek dimana post-post yang ditampilkan akan bergerak . nah bagi sobat yang ingin mencobanya silahkan ikuti panduan dibawah ini :

  • silahkan login terlebih dahulu
  • kemudian klik dashboard -kemudian pilih tata letak
cara membuat randomm post bergerak pada blogspot
cara membuat randomm post bergerak pada blogspot
  • setelah itu klik tambahkan gadget

cara membuat randomm post bergerak pada blogspot
cara membuat randomm post bergerak pada blogspot

  • kemudian pilih dan klik html/script 
  • setelah itu kopi kode dibawah ini dan paste pada kotak yang muncul tadi saat mengklik html/javascript 

<style>
    #BDRSimage-slide { height:112px; overflow:hidden; padding:0; background-color:#fff; width:auto; border:solid #ddd 1px; box-shadow:0 0 5px #eee; }
    #BDRSimage-slide:hover { height:325px; overflow:hidden; padding:0;width:auto; border:solid #ccc 1px; box-shadow:none; }
    #BDRSimage-slide ul { list-style-type:none; margin:0; padding:0; }
    #BDRSimage-slide li { list-style:none; height:80px; padding:10px; border:dashed #ddd 1px; margin:5px; background-color:#FFFFFF; }
    #BDRSimage-slide li:hover { border:solid #ddd 1px; }
    #BDRSimage-slide a { color:#222; font-family:Verdana; font-size:12px; font-weight:bold; text-decoration:none; }
    #BDRSimage-slide .news-title { margin-bottom:5px; font-size:12px; color:#990000; }
    #BDRSimage-slide .news-text { font-size:10px; color:#333; text-align:left; font-family:Verdana; font-style:italic; font-weight:normal; padding-bottom:10px; }
    #BDRSimage-slide img { float:left; margin-right:10px; margin-top:10px; width:60px; height:60px; border-radius:50%; border:1px solid #e06666; box-shadow:0 0 2px #e06666; }
    </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=”https://cdn.rawgit.com/Brando07/share/master/rp2-seocips.js”></script>
    <!– script start –>
    <script type=”text/javascript”>
    var speed = 400;
    var pause = 3500;
    $(document).ready(function(){
    rivaiscript();
    interval = setInterval(rivaiscript, pause);
    });
    </script>
    <div >
    <ul id=”BDRSimage-slide”>
    <script style=”text/javascript”>
    var numposts = 50;
    var numchars = 0;
    </script>
    <script
    src=”http://reperasiblog.blogspot.com/feeds/posts/default/?orderby=published&alt=json-in-script&callback=randompost”></script>
    </ul>
    </div> <!– script end –>

catatan : ganti kode yang berwarna merah dengan alamat url blog sobat

  • langkah terkahir klik simpan 

sekian postingan kali ini dari reperasi blog .  jika suka dengan blog ini jangan lupa untuk mebookmarknya ya heheheh…….