Home
.Apk
Halo sobat MampirBro. Sudah lama saya tidak ngeposting tutorial blog. Artikel kali ini kita akan mencoba membuat widget random post/random articles yang dimana widget ini akan menampilkan judul-judul postingan blog sobat secara acak dan akan berubah setiap kali di refresh atau berganti page/laman. Untuk demo dan tutorialnya dapat sobat lihat dibawah ini.
Tutorial:
<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 140px;width: 94%;text-align: left;"> <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> <span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://mbkaos.com" target="_blank">thank you for visiting</a></span> </div>
Warna Merah : code warna background
Warna Ungu : tinggi dan lebar widget
Warna Biru : ganti dengan alamat blog sobat
Sekarang coba lihat beranda blog sobat. Jika cara diatas berhasil, maka widget random articles sudah terpasang diblog sobat. Selamat mencoba sob.
Semoga berguna dan bermamfaat
Follow twitter saya ya (twitter.com/mampirbro), ntar saya follback
*Sumber: Salam MampirBro
Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.
Komentar Para Sobat MampirBro:
Post a Comment
Komentar lah dengan menggunakan kata2 yang sopan. Komentar mengandung SARA, kata kotor, pelecehan, spam & semisal'a akan dihapus. Thanks