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>
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>
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:
- Angka pada var numofpost menunjukan jumlah postingan yang akan ditampilkan pada random posts di blog kita. Gantilah sesuai selera kita masing-masing.
- 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.
Tidak ada komentar:
Posting Komentar