Cara Menciptakan Random Post Dengan Thumbnail
Hai teman blogger, Pagi-pagi ibarat ini udara memang lagi Fresh. Tetapi akan lebih Fresh lagi, kalau saya menciptakan artikel yang baru-baru dan bermanfaat tentunya. Kali ini saya tidak menciptakan artikel perihal SEO tapi hening sob, konten ini pastinya sangat mempunyai kegunaan bagi sobat-sobat blogger yang suka dengan efek-efek dinamis di blognya. Sebagai contoh, yang saya buat kini Random Post yang artinya Posting Acak. Kaprikornus postingan teman yang gres maupun yang usang sanggup ditampilkan kembali dalam bentuk yang berbeda. Efek-efek yang terdapat pada Random Post ini ibarat 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&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
</center>
NB : Warna biru ialah delay (kecepatan / Jeda)
Warna Merah ganti dengan URL blog sobat
- Simpan dan lihat hasilnya
