Cara sembunyikan shoutbox simple!

Assalamualaikum

Kali ni nak share macam mana cara nak sembunyikan shoutbox

Blog nampak kemas sket kan..

Untuk dapatkan shoutbox mcm tu, mula2 korang pergi kat layout, then klik add a gadget

pas2 klik kat html cm gmbar kt bawah ni

then, copy kod kat bawah ni, paste kat html/javascript td ea

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:129px;

width:40px;

float:left;

cursor:pointer;

background:url('URL IMEJ SHOUTBOX') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #000000;

background:#FBF9FF;

padding:3px;

}

</style>

<script type="text/javascript">

function showHideGB(){

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

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-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">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="200" height="298" src="http://www7.cbox.ws/box/?boxid=705947&amp;boxtag=8w4vfp&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-705947" style="border:#381700 1px solid;" id="cboxmain7-705947"></iframe></div>

<div><iframe frameborder="0" width="200" height="82" src="http://www7.cbox.ws/box/?boxid=705947&amp;boxtag=8w4vfp&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-705947" style="border:#381700 1px solid;border-top:0px" id="cboxform7-705947"></iframe></div>

</div>

<!-- END CBOX -->

<div style="text-align:right"><a href="http://adirahusna.blogspot.com/2013/01/cara-sembunyikan-shoutbox-simple.html" target="_blank"><small>Belajar Sini</small></a>

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

[close]

</a>

</div>

</div>

</div>

<script type="text/javascript">

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

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

</script>

Dekat yg BEGIN CBOX-END CBOX tu, korang ganti dengan code cbox korang la, hehe

nak gambar shoutbox? Jom pilih kat sini ^0^ Klik Sini

da dapat buat tu, jgn lupa like sket, hehe, selamat mencuba! ^_^

Mencari hadiah comel untuk yang tersayang?