Latest News

Cara Gampang Membuat Random Post Bergerak ke atas

By Admin - Rabu, 15 Mei 2013


Ingin menampilkan Postingan Yang terdahulu pada daftar Postingan Blog,daftar isi yang dapat menampilkan postingan kita secara acak sering kita kenal dengan Random post,beda dengan Recent post yang tugasnya buat menampilkan Postingan Kita yang terbaru,atau jugaPopular Post yang tugasnya buat menampilkan Postingan kita yang sering di klik atau di baca oleh pengunjung blog,tugas Random post Sendiri adalah untuk menampilkan semua postingan kita secara acak/Random sehingga pengunjung blog dapat juga membaca semua postingan kita yang terdahulu/Jadul.Untuk melihat screenshotnya silahkan lihat gambar di samping, atau lihat Demonya secara langsung disini ,nah buat sobat yang ingin membuatRandom Post Secara Gampang silahkan ikuti tutorialnya secara lengkap di bawah ini :
  1. Anggap saja sobat sudah ada di dasboard == dan ada pada bagian Edit Html dengan bantuan Ctr + F cari kode ]]></b:skin> taruh kode css berikut tepat di atas nya :
  2. #random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
  3. Save Template
  4. Sedangkan untuk menampatkan script nya silahkan sobat langsung klik Tata Letak == Tambah Gadget == Pilih Html Java script lalu masukkan kode script berikut ini:

  5. <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="400" align="Right">
    <ul id='random-posts'><script type='text/javaScript'>var rdp_numposts=10;var rdp_snippet_length=300;var rdp_info='yes';var rdp_comment='Comments';var rdp_disable='Comments Disabled';var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};</script><script src='http://fullblogdesign.googlecode.com/files/randomtop.js' type='text/javascript'></script></ul>
    </marquee>
  6. Save
Silahkan ganti text yang berwarna merah dengan jumlah Random Post yang ingin sobat tampilkan ,Jika ada kesulitan silahkan Pertanyaan di form Komentar 

Follow our blog on Twitter , become a fan on Facebook . Stay updated via RSS

0 komentar for " Cara Gampang Membuat Random Post Bergerak ke atas "

Leave a Reply