Skip to main content

Cara membuat random post bergerak di blog

Cara membuat random post bergerak di blog - Kali ini saya akan tulis artikel tentang random post, dan jika anda ingin yang recent post, ada dapat langsung membaca cara membuat recent post bergerak diblog.  Jika anda ingin membuat widget random post, maka anda dapat menampilkan artikel diweb dengan cara acak, dan artikel lama yang sudah anda posting akan ditampilkan lagi. Widget ini berbeda dengan popular post yang ada diblog, karena popular post hanya menampilkan artikel yang populer.

cara membuat random post bergerak di blog

Cara membuat random post bergerak di blog :
  1. Login ke blogger anda
  2. Pilih tata letak
  3. Kemudian klik gadget, selanjutnya anda klik HTML/javascript
  4. Copy script dibawah
<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 = 350;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 7;
var numchars = 0;
</script>
<script src="https://keyworduntukblog.blogspot.co.id/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
  <!-- /end -->

Ket :
Tulisan yang berwarna Kuning merupakan kecepatan pada saat berpindah post
Tulisan yang berwarna Hijau merupakan waktu berhenti disetiap post sebelum pindah lagi
Tulisan yang berwarna Biru merupakan jumlah dari post yang akan tampil
Tulisan yang berwarna Merah silahkan anda ganti dengan link atau URL blog anda

5. Kemudian save dan anda bisa lihat langsung hasilnya.

Bagaimana menurut anda, mudah tidak cara membuatnya. Semoga dengan artikel cara membuat random post bergerak di blog, akan membuat blog anda menjadi kelihatan indah.

Comments