Widget Terbaru - Random Entry


Assalamualaikum 
beberapa hari yang lepas cik enmencuba satu widget terbaru dan hasilnya menarik pulak
andai dah pemes, cik en mintak maaf la sebab cik en baru terjumpa tutorial ini dari SINI

korang boleh tengok kat sidebar cik en
bila klik dia akan randomkan entry untuk kita.. best pulak.
so cik nak share untuk kenkorang ye..
just buat
add a widget - HTML/ JAVA Script dan pastekan html bawah ini



<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>


dan try la ye..
p/s : best gak..

Photobucket
Eintan Nurfuzie

Lifestyle Blogger, Veterinarian, Social Media Influencer, Love Travel & Ladies Rider | Any Advertorial, Collaborations and Review : Facebook > Eintan Nurfuzie | Page Facebook > Nurfuzie.com | Group Facebook > Tips dan Rawatan Kucing | Instagram > @eintan_nurfuzie | Twitter > @eintan_nurfuzie | Channel Telegram > Eintan Nurfuzie | Channel Youtube > Eintan Nurfuzie | Email > eintannurfuzie@gmail.com

2 Comments

Disclaimer
All content provided on this "Blog Nurfuzie.com" blog is for informational purposes only. The owner of this blog makes no representations as to the accuracy or completeness of any information on this site or found by following any link on this site.

The owner of Blog Nurfuzie.com will not be liable for any errors or omissions in this information nor for the availability of this information. The owner will not be liable for any losses, injuries, or damages from the display or use of this information.
This terms and conditions is subject to change at anytime with or without notice.

Previous Post Next Post