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>
<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
Terima kasih atas kunjungannya....
Regards,
Mr Ivanchan
Share This :
0 komentar
*Berkomentarlah dengan bijak dan sopan, mari kita budayakan bertutur kata yang baik dan saling menghormati. Mohon maaf bila komentar Anda yang tidak memenuhi kriteria tersebut akan saya hapus. Bila Anda ingin memberikan saran, kritik, masukan yang membangun, dan memberikan tambahan materi bila ada kekurangan pada artikel yang sedang dibahas dengan senang hati saya persilakan, terima kasih...