Cara Membuat Random Posts berjalan sendiri

RANDOM Posts adalah widget yang dibuat dengan tujuan memperlihatkan postingan terakhir di suatu blog atau website, apabila sebuah artikel yang di posting memuat suatu gambar maka widget ini pun akan menunjukan gambar yang telah di muat artikel tersebut dengan ukuran yg kecil tentunya, tidak sama dengan ukuran gambar aslinya di dalam posting. Dengan adanya Recent Post membuat tampilan blog kita menjadi menarik dan membuat pengunjung ingin melihat artikel postingan kita yang lainnya. sebagai referensi agan bisa lihat di sidebar blog milik saya ini. Kelebihan dari recent post ini selain dapat bergerak atau animasi yaitu, dilengkapi dengan gambar, judul posts dan cuplikan isi post. Untuk Membuat Recent Posts Animasi Bergambar Agan bisa melihat caranya dibawah.

Silahkan Ikuti Langkah-langkah berikut :
1. Silahkan login akun Blog Anda
2. Pilih menu Rancangan dan Pilih Elemen Laman
3. Setelah itu pilih Tambah Gadget
4. Kemudian Tambahkan HTML/JavaScript
5. Copy  kode di bawah ini dan pastekan di  HTML/JavaScript tadi simpan DONE

<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:14px;}
#rp_plus_img .news-text{display:block;font-size:11px;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>

Keterangan: 

• angka yang speed = 400; ialah kecepatan untuk berpindah dari post ke post lain.
• Angka yang  pause = 3500;waktu yang di perlukan untuk pause atau berhenti.
• Dan yang terakhir angka  numposts = 20; jumlah postingan yang akan di tampilkan.
• Silahkan boleh diganti sesuai yang agan butuh kan! 

semoga bisa bermanfaat dan berhasil di terapkan di blog agan2 .

Related Posts:

Tweet