Nov 30, 2011

Tutorial Hide Kotak Follower + Background

Make it simple,let's start now!
demonya macam kotak follower blog aku ni.Cuba klik butang follow kat tepi blog ni,akan kuar kotak follower dari bawah.menarik?jom cuba!

Log in blog Design  Add a Gadget  HTML/Javascript

copy kod di bawah dan paste dalam HTML/Javascript
ctrl + C untuk copy kod!
<a href="javascript:showHideFL()"/><img border="0" src="URL Icon Follow" 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>
kemudian save.Then,bukak kotak add a gadget yang baru dan pilih HTML/Javascipt jugak.
copy kod dibawah ni dan paste ok :)
<style type="text/css">#fl{position:fixed;left:150px;z-index:+1000;}* html #fl{position:relative;}.flcontent{float:left;border:2px solid #FFFFFF;background:url(URL BACKGROUND)#FFFFFF 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 KOD DISINI</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>
Cara nak dapatkan kod follower versi baru(dah lama sebenarnya).
Pergi ke Google Friend Connect  Pilih blog korang kat tepi sidebar  Klik Add the Members Gadget Pilih warna untuk kotak follower korang  Tekan generate code.
Dah selesai.Dan korang ganti kod tu dekat yang aku boldkan tu ye:) yang aku warnakan dengan warna warni tu pandai2 la tukar sesuka hati korang ye:)
Credit code to Azhunk
Credit image to Pija
Selamat Mencuba!