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
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..
Tags:
tutorial
dh tekan.. kuar suaikenal nusha.. kih2..
ReplyDeleteoKAYYyy!! nak try jugak..hehehe
ReplyDelete