Apa sih yang dimaksud Random Post? Nah ini lah sob, Postingan yang tampil secara berututan menurut tanggal posting atau secara acak dihalaman muka, tp jika sobat meletakannya di halaman muka ya. Kegunaannya buat apa dong? Banyak koq, tentunya buat memudahkan pengunjung mengetahui berita-berita atau info menarik lainnya tergantung dari tema blog sobat sendiri, bisa dikatakan inilah tombol Navigasi. Ini banyak berguna buat para blogger tentunya, contoh seperti gambar di samping atau di blog saya ini, ini juga bisa mempercantik halaman muka blog sobat, memadatkan tampilan pada halaman blog dan membuat pengunjung dengan mudah mengetahui apa aja sih yang menarik dari blog ini, sehingga pengunjung ingin tau banyak tentang informasi-informasi yang ada di blog sobat.
Silahkan sobat paste code berikut dengan cara :
- Login ke blogger
- Setelah masuk dasbhor blogger pilih Tata Letak/Layout
- Tambah Widget adatau add widget
- Pilih elemet HTML
- Pastekan code berikut di dalamnya
<!-- post random -->
<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://recen-post-nih.googlecode.com/files/Recent%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>
- Lalu Simpan / Save dan lihat hasilnya
Dalam code diatas yang saya Bold dan saya warnai biru silahkan sobat ganti dengan google code sobat, karena itu akan terlihat link url ketika kita mengarahkan cursor ke thumbnail pada random post tersebut ke blog saya ini, dan yang saya wanai orange itu untuk jumlah post yang akan tampil, dan yang saya warnai merah itu ada jumlah karakter yang akan tampil juga di dalam random post tersebut.
Selamat berkreasi.
