Sunday, December 11, 2011

Cara Pasang Random Posts Di Blog

Pasang Random Posts – Memasang random posts di blog memiliki manfaat bagi blog yang ingin memberikan kesan dinamis kepada para pengunjungnya. Hal ini bisa terjadi karena pemasangan fitur random posts di blog akan memunculkan beberapa judul artikel blog secara acak sehingga mampu membuat pembaca kita menjadi tidak bosan dengan tampilan yang monoton. Selain itu, random posts juga mampu untuk mempromosikan artikel blog kita yang sudah lama diterbitkan untuk bisa dibaca kembali oleh para pengunjung kita.


Pada pemasangan random posts di blog ini kita bisa melakukan modifikasi tampilan menjadi dua bagian, yaitu pemasangan random posts yang hanya menampilkan judulnya saja dan random posts yang menampilkan judul beserta ikhtisar atau ringkasan isi artikel tersebut. Pemasangannya pun sangat mudah karena kita tidak perlu melakukan editing HTML template. Kita hanya perlu memasukan kode yang diperlukan pada fitur add gadget kemudian menempatkannya pada HTML/JavaScript.

Adapun cara untuk pasang random posts di blog adalah sebagai berikut:

Masuk pada akun blogger kita masing-masing.

Klik rancangan.

Klik add gadget atau tambah gadget.

Pilih HTML/JavaScript.

Masukan kode berikut.

Random posts hanya menampilkan judul.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=4;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>

Random post menampilkan judul dan ikhtisar.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=4;var wordnumber=10;</script>
<script style="text/javascript" src="http://panduanbelajarblog.googlecode.com/files/random-posts-with-summary.js">
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Klik simpan dan selesai.

Keterangan:

  1. Angka pada var numofpost menunjukan jumlah postingan yang akan ditampilkan pada random posts di blog kita. Gantilah sesuai selera kita masing-masing.
  2. Angka pada wordnumber menunjukan jumlah kata yang akan ditampilkan sebagai ikhtisar yang muncul dalam random posts di blog kita. Gantilah sesuai selera kita masing-masing.


Pemasangan random posts di blog ini tidak akan banyak berpengaruh pada kecepatan loading blog karena tidak menggunakan widget yang membutuhkan request data dari pihak ketiga atau server lain kecuali pada pemasangan random post yang menampilkan judul beserta ikhtisarnya. Meskipun demikian, hal ini tidak akan terlalu berpengaruh banyak kepada blogspot karena file javascript yang digunakan untuk menampilkan random posts diupload di Google Code yang notabene merupakan tempat upload file secara gratis milik Google yang juga sudah terintegrasi dengan blogspot sesama layanan Google, sehingga upload javascript di Google code ini membuat request datanya relatif cepat dibandingkan server lainnya.
Disqus Comments