Cara Membuat Random Post Di Blog Dengan Mudah
Oke stelah sebelumnya saya membahas tentang cara memasang widget sosial media, kali ini saya akan membahasa tentang cara membuat widget random post di blog dengan mudah. Sama seperti sebelumnya kali ini masih tentang widget blog, karena dirasa perlu untuk menambahkan widget pada blog anda. Selain membuat navigasi blog anda lebih profesional juga akan menarik perhatian pengunjung blog anda.
Tidak sulit membuat widget random post untuk blog anda, cukup memasukan script pada kolom widget dan jadilah widget random post yang anda inginkan.
Berikut cara memasang widget random post pada blog :
1. Buka Blogger anda.
2. Masuk / Pilih tat letak / Layout
3. Add widget
4. Lalu pilih HTML/Script
5. Masukan kode di bawah ini pada kolom HTML.
<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>
6. Simpan template dan lihat hasilnya.<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>
NB:
-ganti tulisan yang saya tandai dengan blok merah, sesuai dengan url anda.
-ganti angka yang saya blok biru, sesuaikan dengan seberapa banyak post yang ingin di tampilkan.
Oke sampai disini saya rasa blog anda sudah terlihat rapi sekarang, selain random post ini, ada juga random post dengan thumnail (gambar). Sekian artikel tentang cara memasang random post pada blog, semoga bermanfaat dan terima kasih.
CARA MEMBUAT RANDOM POST DI BLOG DENGAN MUDAH
Reviewed by uncle faiz
on
3:38 PM
Rating:
Terimakasih buat tutorialnya ini mas, sukses..
ReplyDeletehttp://herbalkuacemaxs.com/pengobatan-herbal-benjolan-di-ketiak/