,

Cara Membuat Gadget Tombol Random Post di Blogger

Kebanyakan blog menggunakan widget random post yang menampilkan list-list postingan di blognya, hal ini jelas terlalu mainstream (hehehehe) Kali ini JOS998 mau membagikan widget untuk Blogger yang anti mainstream, yaitu tombol Random Post, jadi kalau misalnya sedang gak tau mau buka post apa di blog, kalian tinggal klik tombol Random Post tersebut dan munculnya random post/postingan acak.


Cara Membuat Gadget Tombol Random Post di Blogger :
1.Buka blogger.com 

2.Pilih Tata Letak


3.Pilih Tambahkan Gadget


4.Pilih HTML/Javascript



5.Lalu akan muncul kotak isian, copy paste kode dibawah ini ke kotak isian tersebut
<style>
#abt-random{position:relative;color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(219,87,5,1);font-family:'Yanone Kaffeesatz';font-weight:700;font-size:20px;display:block;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);-moz-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);margin-bottom:10px;margin-top:10px;width:160px;text-align:center;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;padding:4px}
#abt-random:active{-webkit-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);-moz-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);position:relative;top:6px}
#abt-random a{color: #fff;}
</style>

<center><div id="abt-random"></div></center>
<script type="text/javascript">
function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Random Post'; document.getElementById('abt-random').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky">
</script>


6.Klik Simpan, dan selesai.



tags : widget random post untuk blogger, random post for blogger, random post button untuk blogger, memasang widget tombol random post di blog, postingan acak tombol di blogger, blogspot, cara memasang widget random post di blogger dengan gambar

0 Komentar:

Post a Comment

Bingung bagaimana cara memberi komentar?? buka link ini : CARA MENGIRIM KOMENTAR DI BLOG UNTUK PEMULA

Sedikit kata-kata dari anda sangat berpengaruh bagi blog ini :)