Selasa, 26 September 2017

Cara Menciptakan Random Post/Artikel Acak Bergerak Di Blog

Cara Membuat Random Post/Artikel Acak Bergerak Di Blog - Assalamu'alaikum semuanya, kali ini aku mau membuatkan bagaimana menciptakan recent post random/mengacak dengan thumbail.. mungkin ini dapat membantu sahabat kalau ada posting yang usang dan jarang di lihat orang lain lagi, dengan adanya recent post ini, alasannya berkerja menampilkan posting secara random, ada kesempatan posting sahabat yang sudah usang dan kusam akan muncul kembali dan pengunjung pun dapat melihatnya juga.. lumayankan untuk menambahkan popularitas untuk post sahabat yang sudah lama.


Fitur
  • Berganti post dengan cara Bergerak Ke Bawah
Cara
  1. Masuk ke Tata Letak
  2. Tambahkan Gadget
  3. cari HTML/JavaScript
  4. masukan instruksi di bawah ini...
  5. Lalu save.. :)
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#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:bold !important;margin-bottom:5px;font-size:12px;}
#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:65px;}
</style>
<script type="text/j4vascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/j4vascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/j4vascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/j4vascript">
var numposts = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
Keterangan :
  1. Kode yang warna Hijau ialah kecepatan untuk berpindahnya post ke post lain,, jikalau perlu sahabat dapat ubah kecepatannya..
  2. kode yang warna Pink ialah waktu berhentinya post/di pause.. dapat di ubah juga jikalau perlu..
  3. kode yang warna Orange ialah jumlah post yang akan di tampilkan di recent post. sahabat dapat mengubahnya sesuka hati.. :)
Semoga Berhasil :)
Sumber : http://zhalltrozans.blogspot.com



Sumber http://nandarious.blogspot.com


EmoticonEmoticon