Widget Random Post Bergerak Versi 2. Beberapa waktu yang lalu saya telah membagikan widget random post bergerak versi 1 dan 2 widget random post keren untuk blogspot, maka pada kesempatan ini saya akan membagikan versi 2 widget random post bergerak ini. Nah sobat berikut adalah cara membuat dan memasang widget random post ini di Blogspot.

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

Widget Random Post Bergerak Versi 2

1. Di Blog Blogger.
2. Pilih menu tata letak > Tambahkan widget/Tambahkan 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.seocips.com/feeds/posts/default/?orderby=published&alt=json-in-script&callback=randompost"></script>
</ul>
</div> <!-- script end -->
4. Ganti link berwarna biru diatas dengan link blog kamu
5. Save widget.



Selamat, kini diblog kamu sudah ada widget random postnya.
4 Komentar untuk "Cara Membuat Random Post Bergerak Versi 2 di Blog"

izin pakai widget mas brando, setelah saya testing tidak mempengaruhi kecepatan loading blog saya dan sudah saya terapkan di blog saya, cuma agak kurang nyaman saja pas di klik gambar yang ada di widgetnya linknya ternyata mengacu ke site mas brando...

tapi, tidak apa-apalah, cuma dengan cara ini saja saya bisa bantu mas brando..hehehe...
sekali lagi terimakasih banyak widgetnya mas.

Thanks mas, kalau ada waktu nanti saya perbaiki :)

bagus mas,,, widget random post yang ke-2 ini saya senang sekali...

makasih banyak mas...

Sama-sama, terimakasih kembali :)