Tutorial Hide Kotak Follower

by - November 21, 2011



Haa tengok dekat atas ? terapung kan hahaha ! kalau nak lebih clear lagi tengok dekat blog Azhunk lah.. Tekan Follow sebelah kiri ;]

Hebat kan ? Senang saja nak wat...

First kite kena dapatkan kod Google Friend Connect

Google Friend Connect tutorial ade kat sini..

TEKAN SINI

dah ikut ? okay seterusnya...

Add a gadget >> HTML/Javascript

<a href="javascript:showHideFL()"/><img border="0" src="URL Gambar" alt="" title="Follow" style="display:scroll;position: fixed; top:0px;left:5px;cursor:pointer;style=" width="108" height="151" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" /></a>

Yang dibold tu sila ditukar ;]]..

then save.. then open new add a gadget lakk ..

Tekan HTML/Javascript ..

dah ambil kan kod widget Google Friend Connect :] ?? Okey gantikan dengan dibold dibawah

<style type="text/css">#fl{position:fixed;left:150px;z-index:+1000;}* html #fl{position:relative;}.flcontent{float:left;border:2px solid #676767;background:url(http://c2429732.cdn.cloudfiles.rackspacecloud.com/1318)#000000 repeat-x bottom center scroll;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;-moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;padding:10px;}</style><script type="text/javascript">function showHideFL(){var fl = document.getElementById("fl");var w = fl.offsetWidth;fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);fl.opened = !fl.opened;}function moveFL(x0, xf){var fl = document.getElementById("fl");var dx = Math.abs(x0-xf) > 25 ? 35 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;fl.style.bottom = x.toString() + "px";if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}}</script><div id="fl"><div class="fltab" onclick="showHideFL()"> </div><div class="flcontent"><span style="font-weight:bold;">GANTI SINI</span><div style="text-align: right;"><a href="javascript:showHideFL()">[Close]</a></div></div></div><script type="text/javascript">var fl = document.getElementById("fl");fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";</script>


dah ? letak kat ruangan HTML JAVAskript then SAVE :]

Ade masalah or ta faham ? leh tanya lam kotak komen ^_^

You May Also Like

1 comments