Membuat Widget Random Posts Untuk Blog

Widget Random Posts yakni widget memuat artikel secara acak. Widget ini dapat digunakan untuk blog biar pengunjung lebih gampang mencari artikel yang mungkin di inginkan. Pada widget ini hanya menampilkan judul artikel saja, sama ibarat Widget Recent Posts sebelumnya yang aku bagikan.

Cara Memasang Widget Random Posts Pada Blog

Silakan salin dan simpan aba-aba dibawah ini pada widget di blog Anda, gunakan HTML/JavaScript

<ul id="random-posts"></ul> <script> //<![CDATA[ var homePage = "http://lifeakandistar.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="Membuat Widget Random Posts Untuk Blog" 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>

Demo

Pengaturan

Icon	Teks
var homePage	Isi dengan URL blog Anda
numPosts	Isi dengan jumlah artikel yang ingin ditampilkan

Untuk mengatur jumlah artikel yang ingin ditampilkan silakan lihat keterangan diatas dan ganti aba-aba yang Saya tandai ;)
Sumber http://kang-mousir.blogspot.com

Artikel Terkait

Membuat Widget Random Posts Untuk Blog

4/ 5

Oleh Admin