Cara Membuat Widget Random Post untuk blog

Widget Random Posts adalah widget memuat artikel secara acak. Widget ini bisa dipakai untuk blog agar pengunjung lebih mudah mencari artikel yang mungkin di inginkan. Pada widget ini hanya menampilkan judul artikel saja, sama seperti Widget Recent Postssebelumnya yang saya bagikan.

Cara Memasang Widget Random Posts Pada Blog

Silakan salin dan simpan kode dibawah ini pada widget di blog Anda, gunakanHTML/JavaScript

<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://kang-mousir.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>

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 kode yang Saya tandai. Jika anda merasa ini bermanfaat tolong like atau share post ini. Semoga bermanfaat Sala Blogger. . .

Terima Kasih telah membaca artikel tentang Cara Membuat Widget Random Post untuk blog . Silahkan baca artikel lainnya di daftar isi.

• Tweet
• Share
• Share
• Share
• Share

Unknown

Judul : Cara Membuat Widget Random Post untuk blog .
Ditulis oleh : Unknown .
Pada hari : Wednesday, 6 August 2014 .
Rating Blog : 5 dari 5

Follow me on: Facebook | Twitter | Google+

×

Related Post