Notification

×

Kategori Berita

Ingin Mencari Artikel?
✓ Tersedia berbagai artikel yang dapat menambah wawasan Anda.
TRENDING TERKINI

Adsense Responsif

Tag Terpopuler

Membuat widget random post bergerak

02 Februari 2014 | 19:29 WIB Last Updated 2021-08-06T12:09:36Z
Bantu Subscribe ya?
Subscribe
Credit img: freepik.com

Random post berfungsi untuk membuat pengunjung membaca juga postingan lainnya sehingga postingan yang jarang dibaca ke mungkinan bisa di baca oleh pengunjung. Sebenarnya cara membuat Random Post ini sudah banyak yang posting bila anda mau mencarinya di google seperti versi lainnya bisa di lihat di cara membuat widget recent post dengan thumbnail gambar yang bergerak.

Langsung saja saya berikan langkah untuk membuat widget random post yang bergerak, berikut langkahnya :

Login ke blog anda
Pilih Tata Letak> Tambahkan Gadget>HTML/JavaScript
Masukan kode di bawah ini

<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/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.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 = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>
Simpan dan selesai

NB:
  • Angka warna merah yaitu kecepatan perpindahan post satu dengan yang lainnya.
  • Angka warna hijau yaitu waktu berhentinya post
  • Angka warna biru yaitu total jumlah post yang akan ditampilkan.


Selamat mencoba dan terima kasih.

×
Artikel Terbaru Update
Rekomendasi Untuk Anda × +