www.nurfuzie.com eintannurfuzie@gmail.com

 photo kkba copy.jpg

2014-05-02

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

2 comments:

nuyui a.k.a miss YUI said... [Reply]

dh tekan.. kuar suaikenal nusha.. kih2..

amanina nasuha said... [Reply]

oKAYYyy!! nak try jugak..hehehe

Followers

About

For Advertorial, Collaborations and Review. Please Contact eintannurfuzie@gmail.com.

Get widget

Blog Archive

Labels

Jom Buat Mobile App

 photo iklan_blog3_small.png

Ads