Cara Membuat Random Post Dengan Gambar Beregerak pada blogspot

Unknown

Tuesday, November 17, 2015

Bagikan :

Tweet

Kali ini saya akan sedikit membagi tips bagai mana membuat random post bergerak pada blogspot
Widget Ini responsive sehingga tidak membuat berat halaman blog kamu ,dan jika widget Popular post hanya menampilkan Artikel Paling sering di baca maka random post akan menampilkan artikel lama dan terbaru kamu sehingga para pembaca tetap bisa membaca artikel kamu yang lainnya nah berikut ini adalah gambaran Random Post

DEMO

Seperit itu lah demo Random Post tutorial yang admin bahas hari ini dan admin menggunakannya pada blog admin
Baik Admin akan memberikan tips nya:

1.masuk kedalam blogger.com
2.klik menu Tata Letak
3.Tambahkan Gadget dan pilih HML/JAVA SCRIPT.
4.masukkan code berikut

<style type="text/css">
/*widget*/
#rp_plus_img{overflow:hidden;border:solid 1px #ddd;padding:10px; background-color:none;line-height:1.7em;}
#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:normal !important;margin-bottom:5px;font-size:14px;}
#rp_plus_img .news-text{display:block;font-size:12px;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:60px;border-radius:4px;}
</style>
<!-- start -->
  <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/random-post-bergerak-seocips.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="http://bgfiqi.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
  <!-- /end -->

Ganti Tulisan Bewarna Merah menjadi link url blog kamu dan selamat Random post bergerak kamu sudah jadi

Tag : BLOGGING