Cara Pasang Widget Random Post Pada Blog

Share With Agung Talaga - Cara Pasang Widget Random Post Pada Blog. Tips blog kali ini masih seputar widget pada blog. Adapun widget yang akan saya share pada postingan kali ini adalah widget random post pada blog. Sedikit saya informasikan sebelum kita lanjut ke pembahasan cara memasang widget ini. Ada dua hal yang membuat saya untuk membagikan informasi ini pada sobat blogger sekalian yaitu pertama widget ini bisa mempermudah admin dan pengunjung blog dalam menelusuri informasi-informasi yang ada pada blog. Kedua, widget ini masih hangat diperbincangkan oleh beberapa blogger newbie tentang bagaimana cara memasangnya.

Widget ini setelah terpasang pada blog nantinya akan menampilkan artikel blog secara acak baik itu postingan terbaru maupun postingan yang mungkin sudah kada luarsa sehingga memungkinkan juga halaman yang belum pernah atau masih jarang dikunjungi berkat widget ini akan sedikit mengalami peningkatan dari segi page view-nya. Itu cuma analisa sederhana dari saya sobat dan penilaian selanjutnya tentang widget ini, saya serahkan kepada sobat untuk menggunakannya atau tidak.

Ok, bagi sobat blogger yang ingin menggunakan widget ini, silahkan lanjutkan bacaannya sampai selesai dan bagi sobat yang cuma mau nyimak saja, silahkan masukan kritik dan sarannya jika ada penjelasan saya sebentar yang kurang tepat atau perlu diperbaiki. Dan untuk cara memasang widget random post pada blog, silahkan simak cara-cara pemasangannya di bawah ini : Pertama : Silahkan sobat login ke akun bloggernya terus setelah login pada halaman dasbor akun blogger sobat silahkan klik nama blognya yang akan dipasangi widget ini. Setelah berada pada halaman ikhtisar atau overview, sobat pilih lagi menu layout atau tata letak. Kedua : Pada halaman layout atau tata letak, silahkan klik perintah tambah gadget pada posisi widget yang telah sobat tentukan. Misalnya sobat pilih perintah add gadget pada widget sebelah kanan. Setelah sobat mengklik perintah tambah gadget, maka akan terbuka halaman baru yaitu halaman add gadget. Pada halaman tersebut, silahkan cari widget HTML/JavaScript untuk membuat widget random post-nya dengan cara mengklik tombol plus (+) yang berada disebelah kanannya. Ketiga : Setelah terbuka halaman konfigurasi widget HTML/JavaScript-nya, silahkan sobat tuliskan judul widgetnya pada kolom judul dan copy paste kode di bawah ini pada bagian atau kolom konten.

<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>

Kalau sobat mau pasang widget random post yang punya scroll, silahkan copy paste kode di bawah ini pada kolom konten pemasangan widget tersebut.

<div style="border: 1px solid #E6E6E6; height:200px; padding-top:0px; overflow: auto; width:250px;">
<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>

Keterangan :
Kode-kode yang sudah saya tandai dengan bold seperti var numofpost=10;, width:250px; dan height:200px;, silahkan sobat sesuaikan dengan keinginan sobat serta sesuaikan juga dengan lebar sidebar atau footer blog sobat jika widgetnya akan dipasang pada sidebar atau footer blog sobat.

Akhirnya selesai juga saya salurkan unek-unek tentang Cara Pasang Widget Random Post Pada Blog untuk sobat blogger. Silahkan sobat praktekan pada blognya dan semoga bermanfaat. Sekali lagi saya ingatkan bahwa widget ini sifatnya opsional untuk sobat terapkan pada blognya. Ok.. (y)

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 20.08 and have 0 komentar