Update Terbaru
Loading...
Home » , » Membuat Random Post Blogger Dengan Javascript Sederhana
Published On : Jumat, 11 Januari 2013
09.33.00 | Admin | No Comments

Membuat Random Post Blogger Dengan Javascript Sederhana


Membuat random post atau posting acak untuk blogger blogspot sangat membantu dalam meningkatkan page view blog. Cara membuat random post juga terbilang mudah, hanya dengan javascript sederhana untuk memanggil posting-posting blog dari json (JavaScript Object Notation) tanpa melibatkan eksternal javascript. Random post biasanya diletakan di sidebar blog dengan tujuan menarik perhatian pengunjung yang datang.

Random post yang kang topjer share menggunakan javascript sederhana tanpa memanggil eksternal javascript dengan tujuan tidak membebani atau menambah berat loading blog.


Cara membuat random post blog
Random post untuk blogspot blog, hanya dengan javascript sederhana

Random post akan menampilkan posting-posting blog secara acak dari posting awal terlama hingga posting terbaru. Dengan posting acak ini, kesempatan postingan lama yang sudah tenggelam akan muncul kembali dan terlihat oleh pengunjung blog. berbeda dengan 'Recent post' yang hanya menampilkan posting blog dari awal secara terurut.

CONTOH PENGGUNAAN SCRIPT RANDOM POST



Pada contoh penggunaan random post diatas, kang topjer hanya menampilkan 5 posting secara acak dengan fungsi var numofpost=5 dan dapat diubah jumlahnya sesuai keinginan.

Contoh lainnya ada pada tab 'Random Posts' sidebar Kopi Anget Kang Topjer. hanya saja pada sidebar menggunakan script 'Multi Tab' dengan menggabungkan 3 script sekaligus.

SCRIPT YANG DIGUNAKAN UNTUK MEMBUAT RANDOM POST


<script type="text/javascript">
//<![CDATA[
var randarray = new Array();
var l=0;var flag;
var numofpost=5;
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&amp;start-index=1&amp;max-results=300&amp;callback=randomposts" type="text/javascript"></script>

Copy paste script diatas pada program text editor, cari var numofpost=5 dan ganti angkanya sesuai jumlah posting yang ingin ditampilkan.
Tidak diperlukan merubah URL feeds blog karena script diatas secara otomatis memanggil feeds blog dimana script ditempelkan.



 http://www.kopianget.com/2012/09/membuat-random-post-dengan-javascript.html


Related Post

0 komentar:

Posting Komentar

Referensi : DTE | MDF Blog | MKR Site
Copyright © 2013. Gembulz Blog's - All Rights Reserved
Template Created by Creating Website Modify by Gembulz Blog's
Powered by Blogger Top