Cara Membuat Widget Random Post Paling Sederhana Untuk Blogger - Kali ini saya akan bagikan sedikit tips Cara Membuat Widget Random Post Paling Sederhana Untuk Blogger. Menurut saya Random Post ini keren walaupun dengan tampilan yang sangat sederhana ini.

Yuk mari kita simak Langkah-langkahnya :

  • Buka Blogger > Dashboard
  • Pilih Tata Letak > Pilih add gadget



  • Kemudian Pilih HTML / Javascript > Salin dan tambahkan kode berikut di kolom widget


<ul id="random-posts"></ul>
<style scoped="" type="text/css">
#random-posts{list-style:none;margin:0;padding:0}
#random-posts li{padding:0 0 5px 0;font-size:90%;margin:5px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#random-posts li a{color:#333}
</style>
<script type='text/javascript'>
//<![CDATA[
var homePage = "http://www.mrivanchan.tk",
numPosts = 8;
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>

Catatan :

Ganti Tulisan http://www.mrivanchan.tk dengan URL blog kalian.
Ganti angka 8 pada numPosts = 8; dengan jumlah artikel yang kalian inginkan.

  • Terakhir Simpan Widget.

Demikian artikel Widget Random Post Paling Sederhana Untuk Blogger, semoga dapat membantu....
Terima kasih atas kunjungannya....
Regards,
Mr Ivanchan

Cara Membuat Widget Random Post Paling Sederhana Untuk Blogger

Cara Membuat Widget Random Post Paling Sederhana Untuk Blogger - Kali ini saya akan bagikan sedikit tips Cara Membuat Widget Random Post Paling Sederhana Untuk Blogger. Menurut saya Random Post ini keren walaupun dengan tampilan yang sangat sederhana ini.

Yuk mari kita simak Langkah-langkahnya :

  • Buka Blogger > Dashboard
  • Pilih Tata Letak > Pilih add gadget



  • Kemudian Pilih HTML / Javascript > Salin dan tambahkan kode berikut di kolom widget


<ul id="random-posts"></ul>
<style scoped="" type="text/css">
#random-posts{list-style:none;margin:0;padding:0}
#random-posts li{padding:0 0 5px 0;font-size:90%;margin:5px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#random-posts li a{color:#333}
</style>
<script type='text/javascript'>
//<![CDATA[
var homePage = "http://www.mrivanchan.tk",
numPosts = 8;
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>

Catatan :

Ganti Tulisan http://www.mrivanchan.tk dengan URL blog kalian.
Ganti angka 8 pada numPosts = 8; dengan jumlah artikel yang kalian inginkan.

  • Terakhir Simpan Widget.

Demikian artikel Widget Random Post Paling Sederhana Untuk Blogger, semoga dapat membantu....
Terima kasih atas kunjungannya....
Regards,
Mr Ivanchan

Tidak ada komentar