Download MP3

Membuat Widget Random Post Di Blog

Diposkan oleh Hery Prasetyo Saturday, May 15, 2010
بسم الله الرحمن الرحيم

Random Post. seperti halnya widget recent post, Random Post memiliki fungsi yang sama, yaitu menampilkan daftar postingan yang telah lalu. akan tetapi berbeda metode, karena Random Post memanggil Feed secara acak, tidak seperti recent post yang memanggil dan menampilkan Feed secara berurutan mulai dari yang paling baru.

Membuat Widget Random Post Di Blog
Mungkin beberapa blogger malas untuk memasang Daftar Isi Blog pada sidebar, karena pemanggilan Feednya dilakukan secara maksimal sehinggal menampilkan semua daftar postingnya yang ada di blog tersebut.

Cara Membuat Random Post di sidebar adalah sebagai berikut :

- Login keBlogger dengan account anda.
- Pergi ke "Tata Letak".
- Tambah Gadget dan pilih "HTML/JavaScript".
- Copy paste code berikut :

<style type="text/css" media="screen">
<!--
.RandomPost {
background:#333;
border:2px solid #48535e;
margin:0 auto;
width:300px;
padding:5px;
}
.RandomTitle {
margin:5px;
padding:5px;
background:#eee;
color:#333;
text-aling:left;
font-size:15px;
font-weight:bold;
}
.Randomline{
height:1px;
overflow:hidden;
background-color:#eee;
border-bottom:1px solid #687581;
margin:5px;
}
.RandomPost ul {
margin: 0px;
padding:5px;
}
.RandomPost li {
background:#EEE;
color:#555;
font-family:Tahoma,Arial,gothic;
text-align:left;
font-size:11px;
font-weight:bold;
margin-bottom:5px;
padding:5px;
padding-left:23px;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

-moz-box-shadow:0 1px 1px black;
-webkit-box-shadow:0 1px 1px black;
box-shadow:0 1px 1px black;
}
-->
</style>
<div class="RandomPost">
<div class="RandomTitle">Random Posts</div>
<div class="Randomline"></div>
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
</div>

- Simpan.

# numofpost=6 adalah jumlah random post yang tampil.

Terima kasih kepada BloggerStop[dot]Net.

Selamat mencoba dan happy blogging.


Jika postingan ini dirasa berguna bagi yang lain. silahkan share untuk berbagi.

Dapatkan Update Terbaru Dari HAPIA Mesir, Masukan Email Anda :

HAPIA Mesir Readers

Bookmark and Share

Direkomendasikan Untuk Dibaca :

20 Responses to Membuat Widget Random Post Di Blog

  1. sehat-mu Says:
  2. ok sobat...
    biasa langsung diparaktekan dulu ini :D
    terimaksih banyak sobat :D

     
  3. Rock Says:
  4. Menambah berat loading blog apa gak sob?

     
  5. Fais Wahid Says:
  6. maaf sobat aku baru biSa mampir abis kecanduan main point bLank si...
    aku masih baru keLas 1 SMA, bLom tamat ...
    skrg juga ku sibuk kejar niLai2ku yg ketinggaLan......

     
  7. Sohra Rusdi Says:
  8. mantap aku pake di blogku yang satu sob http://www.smp3rajang.co.cc

     
  9. camera Says:
  10. makasih ya...
    mau langsung di praktekin ajj...
    tapi ngebuat lama oading bog gk sih??

     
  11. JUN Says:
  12. ini dia yang saia cari dulu, jadi gag sabar menunggu sore :D

     
  13. non inge Says:
  14. thx 4 share ^^

     
  15. akhatam Says:
  16. Wah kerenn nih kayaknya... Mantap Hapia!!

     
  17. iswady Says:
  18. makin hari tutorialnya makin mantap adza.

     
  19. Yang sudah terpasang di sidebarku adalah recent post... bukan random post.
    BTW, aku naksir tutorial_blog yang ada di sidebar ini... Keren sekali...!

     
  20. the others Says:
  21. Sebenarnya 'efektif' mana sih random post atau recent post..?
    hehehe, maaf tanya terus nih... :)

     
  22. Mbak Reni@ kalo lebih efektif yang mana..random atw recent post...menurut saya random post mbak...soalnya random post memberikan kesempatan bagi postingan lama untuk muncul dimuka...jadi memungkinkan pengunjung utk membuka postingan lama mbak... dan setiap kali blog di refrest,,yang nampak postingan yg berbeda2...

    sedangkan recent post hanya terbatas jumlah post yang ditampakkan mulai dari postingan terbaru sampai batas yang ditentukan tersebut...jadi g ada kesempatan buat postingan lama utk tampil,,,karena tiap kali posting yang baru..yg lebih lama akan tertutup/terganti...

     
  23. ToPu Says:
  24. Sepertinya lebih eefektif yang related post dech, sebab yang dicari dari pembaca akan ketemu langsung dengan artikel yang terkait.......

     
  25. Aryadevi Says:
  26. thanks teman atas sharingnya,...

     
  27. wah tutorial yang keren, tapi gak slide yah???

     
  28. ahmad Says:
  29. hihihi, keren nih. brarti ntar diacak ya listnya. ijin bookmark dulu sob. ane coba di blog ane yg satunya

     
  30. Rizkyzone Says:
  31. aq coba pasang kok g berhasil yah, g tau kenapa, apa template q yang g support yah

     
  32. Kang Kojek Says:
  33. sharingnya bagus, trimas

    dapatkan materi dakwah disini

    http://portaldakwah.com

     
  34. Unknown Says:
  35. hehe syukron. langsung ane pasang di blog ane sob

     
  36. kunjungan sob ..
    mau bagi-bagi kalimat motivasi sob ..
    "saya belajar menggunakan kata 'tidak mungkin' dengan sangat hati-hati."
    kunjungan balik ya sob .. :)

     

Post a Comment