Membuat Kode Widget Random Post untuk blog : lengkap

Membuat Kode Widget Random Post untuk blog kadang untuk beberapa alasan akan sangat diperlukan, widget random post adalah widget yang bisa kita pasang pada blog yang dapat menampilkan judul-judul artikel yang sudah kita post atau terbitkan secara acak, random post dapat membantu untuk meningkatkan page view setiap artikel yang pernah kita buat, selain itu widget random post dapat membantu pengunjung untuk menemukan artikel yang dicarinya atau artikel yang mungkin mereka butuhkan.

ada beberapa konfigurasi untuk widget random post ini, kita bisa menampilkan dafatar judul artikel saja atau kita bisa menampilkan judul dengan gambar yang di sertakan pada artikel tersebut, kemudian yang tidak kalah pentingnya adalah kita juga bisa mengatur jumlah random post yang muncul serta bisa mengatur tampilan dari random post tersebut sesuai dengan yang kita inginkan.

Cara memasang random post pada blog anda

Berikut langkah-langkah yang bisa anda ikuti untuk memasang random post pada blog anda, biasanya random post diletakan di sidebar template blog anda, berikut langkah-langkahnya:

1. Masuk ke akun blog anda,

2. Pada bilah menu sisi kiri pilih menu tata letak

3. Pada bagian layout tata letak untuk sidebar klik "tambahkan widget", kemudian pilih Kode HTML/Javascript

4. Kopikan kode dibawah ini pada kotak isian yang disediakan:

<ul id="random-posts"></ul><script>//<![CDATA[var homePage = "http://kodetemplate.blogspot.com/",numPosts = 5;function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);//]]></script>

Silahkan anda ubah dan sesuaikan yang saya kasih warna merah pada kode diatas, untuk homepage silahkan masukan alamat url blog anda,  kemudian untuk numpost, silahkan anda masukan angka sesuai dengan berapa judul random post yang ingin anda tampilkan, jangan lupa untuk menyimpan widget anda, dan lihat hasilnya pada blog anda.

Demikian artikel tentang Membuat Kode Widget Random Post untuk blog : lengkap, semoga bermanfaat

Tag : Blogger tips, widget