Widget Random Post bergerak V.2 untuk Blog Blogger

HaiSobat apa kabar? Semoga semua dalam keadaan baik. Ok sobat Pada kesempatan ini saya akan membagikan lagi widget Random Post untuk Blog Blogger. Yah, sesuai namanya widget ini menampilkan postingan blog kamu secara random.

Sebelumnya juga saya telah membagikan widget Random Post V.1-nya juga 2 widget random post, yaitu widget random post dengan gambar/thumbnails dan widget randompost tanpa gambar/thumbnails.

Widget Random Post bergerak V.2 For Blogspot


Cara Membuat Random Post Bergerak Versi 2 di Blogspot
Random Post Bergerak V.2


Cara Memasang Widget Random Post bergerak V.2 di Blogger

Baca juga: Cara membuat link suber otomatis ketika blog di copas

1. Di Blog Blogger
2. Pilih Tata Letak >> Tambah Gadget >> HTML / Javascript

Widget Random Post bergerak V.2 untuk Blog Blogger
Tata Letak >> Tambah Gadget >> HTML / Javascript

3. Masukan kode dibawah ini:
<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://www.haisob.com/feeds/posts/default/?orderby=published&alt=json-in-script&callback=randompost"></script>
</ul>
</div> <!-- script end -->
Baca juga: Cara membuat headline news di Blogger

4. Ganti link berwarna biru diatas dengan link blog kamu
5. Save widget.

Sekian, semoga bermanfaat.