Hadiah comel untuk yang tersayang!
Pelbagai barangan comel untuk kamu dan si dia!
8
toink2 ^_^

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?

8 ulasan:

  1. Mcmna nak buat header yg penuh mcm husna...

    BalasPadam
  2. saya buat gune photoscape je 2
    dan nak transparent sy gune gimp
    header sy sangat la simple, huhu ^_^

    BalasPadam
  3. Pandai buat related post dok? :)

    BalasPadam
  4. related post yg bergambar ke ato ayat?

    BalasPadam
  5. Dah bt linkwithin xkuor2.. Bt pkai edit template pn xjdi.. Xtau ape mslh.. Haha

    BalasPadam
  6. ayyaakkk!! kenape ek, biase xdopk msloh op, ce gune hok ayat lop, sbb yg sy punye, kalo ayt dop jd, link within je jd :)

    BalasPadam
  7. Plok doh haha.. Sy wat blake dh.. Ke kne tkar template kot? Xssuai . Xtaw la.. Mslh je haa

    BalasPadam
  8. skrang gune template mende?
    cm sy gune basic je, sng nk ejas gape2, hehe

    BalasPadam

Copyright© All Rights Reserved Adira Husna Here at adirahusna.blogspot.com