Cara Membuat Random Post Dengan Thumbnail

Hai sobat blogger, Pagi-pagi seperti ini udara memang lagi Fresh. Tetapi akan lebih Fresh lagi, jika saya membuat artikel yang baru-baru dan bermanfaat tentunya. Kali ini saya tidak membuat artikel tentang SEO tapi tenang sob, konten ini pastinya sangat berguna bagi sobat-sobat blogger yang suka dengan efek-efek dinamis di blognya. Sebagai contoh, yang saya buat sekarang Random Post yang artinya Posting Acak. Jadi postingan sobat yang baru maupun yang lama bisa ditampilkan kembali dalam bentuk yang berbeda. Efek-efek yang terdapat pada Random Post ini seperti slide show yang ditampilkan secara menurun. Tentunya akan menarik mata pengunjung dan lebih fokus pada artikel lain yang akan dibaca. OK, mari kita buat bersama dengan menambahkan beberapa script berikut

• Masuk akun blogger sobat
• Kemudian masuk Tata letak - Tambah Gadget - HTML/Javascript
• Masukkan Script berikut

<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 4000;
var pause = 4000;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 100;
var numchars = 0;
</script> <script src="http://novanfarhandi.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center> 

NB :  Warna biru adalah delay (kecepatan / Jeda)
         Warna Merah ganti dengan URL blog sobat

• Simpan dan lihat hasilnya

Digital Areas