29 Jun 2011

Widget Random Post, For Blogger

 Assalamualaikum w.r w.b
random post
Ketemu lagi ama Bang yang penting share yang sok Imut Ini ,hehehe.Kali ini saya mau share tentang widget Random Post untuk Blogger.Biar post kita terdahulu gak lenyap ditelan zaman,lumayan siapa tau ada yang berminat baca postingan-postingan jadul kita.Bila sebelumnya saya pernah post tentang widget recent Post, Related Post ,Baik yang berupa thumbnail maupun link Nah bagaimana bila random Post?.Sehingga post kita beberapa bulan lalu bisa muncul lagi ke permukaan. mau tahu caranya ?chekidots yaw.
  • Loggin dulu ke Blogger
  • lalu Didashboard,klik rancangan jangan ngupil dulu
  • lalu klik add gadget,tambah gadget Html/javascript
  • copy dan paste kode berikuts ini kedalamnya 
  • jangan lupa save yah

<div style="padding: 1px; width: 300px; height: 200px; overflow: auto; background-color:      #ffffff; border: 1px solid rgb(255, 255, 255);"><script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;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><br/><small>Powered By: <a href='http://ypsrandy.blogspot.com/'>YangPentingShare!</a></small></div>
Catatan:

Sobat bisa Edit Pengaturan nya sesuai selera sobat :
  • sobat atur deh ketinggian dan kelebaran nya width: 300px; height: 200px
  • sobat atur pewarnaan backgroundya dengan mengganti kode sesuai #ffffff keinginan sobat
  • sobat atur berapa banyak link post yg ingin ditampilkan dengan mengganti 10 sesuai keinginan sobat
Nah cukup sekian terimakasih telah menyimak Tutorial Gak penting-penting amat Ini.Bila dirasa Penting monggo diaplikasikan,bila tidak ya yang penting share lah.Hehhehe.Selamat Mencoba.

Tampilan terbaik menggunakan Google chrome dan Mozilla +5 layar 1280x854

10 comments:

  1. thanks gan, tutornya.. :D

    gan ada solusi gk kotak komentar ada, tapi jumlah komentarnya gk muncul di homepage..??

    saya lagi kesal aja kemarin ada komentar anonim yg bikin saya down,.., saya tutup deh komentarnya..

    ReplyDelete
  2. aku ijin copas gan untuk arsip pribadi saja

    ReplyDelete
  3. @sayaberitahu masama gan oh itu pengaturannya bisa menggunakan css gini bentuknya <style type='text/css'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    .post-backlinks,
    .post-icons, .date-header{display:none;}
    </b:if>
    </b:if>
    </style>

    ReplyDelete
  4. @Obat Sakit 2011 silahkan gan emang tujuannya buat share

    ReplyDelete
  5. Wiih.. mantap master, kemarin aku juga pasang nih widget :D hehe..

    ReplyDelete
  6. @Pradisz Wardhana wkwkw sama master aq juga kemaren pasang karena widgetnya dah cukup banyak kulepas aja deh

    ReplyDelete
  7. hohohhoho boleh di coba nieh.....

    ReplyDelete
  8. oh gitu yah, berarti nempelnya di sidebar gitu widget random postnya?. hem, seru juga kayaknya.. boleh dicoba deh

    ReplyDelete
  9. @kloperer hohoho monggo dicoba

    ReplyDelete
  10. @Gaphe silahkan mas gaphe iya disidebar

    ReplyDelete