Tutorial Hide Shoutbox

Yooo Wasaabbbb---iiiii !
Hihihi . Hari ni titewww nak buat tuto hide shoutbox macam titeww punye tu . Suka tak suka tak ? suka lettewww kan :p Hahaha , Okayy . Jom mule kakak2 , abang2 ... tapiiii ! Tunggu dulu , credit laa dekat akak HannaFauzan kite :) Wajibbbun kredit . Hihihi .

Jom mula .
1.Login > Dashboard > Design > Add a Gadget > HTML JAVASCRIPT .
2.Paste code dibawah ni dalam ruang HTML JAVASCRIPT tu .

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:400px;

width:150px;

float:left;

cursor:pointer;

background:url('http://i1041.photobucket.com/albums/b418/hannafauzann/swdw-7.png?t=1281336728') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #666666;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

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

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

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

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

MASUKKAN KOD SHOUTBOX ANDA DISINI

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

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

[close]

</a>

</div>

</div>

</div>

<script type="text/javascript">

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

gb.style.right = (140-gb.offsetWidth).toString() + "px";

</script>

NOTASEMUAANGGOTABADAN :- Warne GOLD tukar dengan icon shoutmix anda . Boleh cari di photobucket atau google .
Warne MERAH adjust sikit sebab kekadang nanti gambar tu termasuk sikit .
Warne PURPLE yang lawoo tu masukkan CODE SHOUTMIX or CHATBOX korang ke hape ke . Yang penting seumpama dengannya :)

JENG JENG JENG ! #belum habis lagi yeee :p

Sara nak kasi icon shoutbox yang Sara buat sendiri ni . TAK laa COMEL mane tapi harap dapat membantu blogger2 takyah susah2 nak cari icon . Nak gune boleh , taknak pun takpe :) 

 

http://i1203.photobucket.com/albums/bb390/truebelieber1/shoutbox7-1.png

 

http://i1203.photobucket.com/albums/bb390/truebelieber1/shoutbox6.png

 

http://i1203.photobucket.com/albums/bb390/truebelieber1/shoutbox5-1.png

 

http://i1203.photobucket.com/albums/bb390/truebelieber1/shoutbox4-1.png

 

http://i1203.photobucket.com/albums/bb390/truebelieber1/shoutbox3.png

 

http://i1203.photobucket.com/albums/bb390/truebelieber1/lucky-blogger.png

 Dahhh , ni jelaa yang dapat Sara kasi . Tak laa LAWA mane tapi seperti yang Sara kate , harap dapat membantu . Kalau nak request lagi , comment laa. Kalau Sara ade mood buat , kalau takde . Hihihi . Tak la kott xD

Lagi satu,kalau guna pun,tak payah credit pun tak apa tau.