Tutorial Hide Followers

بسم الله الرحمن الرحيم

Assalamualaikum semua..

Kali ni saya nak ajar macam mana cara nak buat hide followers..

Jom ikut saya

1. Design -> Add A gadget-> HTML/Javascript

2. Copy kod ni..tekan ctrl+c untuk copy

<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(Letak URL Background di sini)#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">

Kode Widget Follow

<div style="text-align: right;">

<a href="javascript:showHideFL()">

[Close]

</a></div>

<font size="2"><a href="http://atikaahmadiah.blogspot.com/"target=_blank"><div style="color: #444444;">

<span >Atika Aula</span></div></a></font>

</div>

</div>

<script type="text/javascript">

var fl = document.getElementById("fl");

fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";

</script>

3. Lepas tu..pergi ke link ni...http://www.google.com/friendconnect untuk dapatkan kod widget followers.

Pilih mana satu blog kawan-kawan

Klik pada Add the members gadget..ikut langkah yang seterusnya.

4. Dah dapat kod widget follower, letak di bahagian atas kod tadi..

5. Save ye..

6. Lepas tu, copy kod ni dan letak di HTML/ Javascript..

<a href="javascript:showHideFL()"/><img border="0" src="URL Image untuk follow" alt="" title="Follow" style="display:scroll;position: fixed; top:150px;right:0px;cursor:pointer;style=" 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" ;" height="130px" width="40px" /></a>

7. Save

P/s : Boleh edit-edit kod dan nombor-nombor yang ada supaya sesuai dengan blog kawan-kawan. g0od Luck!!

Kalau nak carik background or image..boleh pergi ke Glitter Graphics or Emocutez or google je. Ambik direct link ye~

 والسلام

---

Syukran kerana sudi membaca..boleh Like dan Share entri ini

---