tutorial~~> hide shoutbox

Penulis : Cik Puan Masa : 10:39 AM Comments : 1 Labels :
assalamualaikum...
hyee all.errrmmmm shat ka??alhamdulillah harap2 smuanya shat belaka..
hari ne ckgu maw ajar kamu mcm mana maw hide kan shoutbox mcm shoutbox ku 2.pas 2 siap ada pic lg kan.yalah kalaw kamu hide kan jak xltak pic nya.org xtaw kan shoutbox kamu ada d c2..
kamu maw taw mcm mana cara nya???haaaa,s0nang a.k.a kacang jak pun..


*Dashboard > desgain > Add gadget > Html
*copy laju code d bawah ne...:)


════════════════════════════════════════════
<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{

height:350px;
width:140px;

float:left;
cursor:pointer;
background:url('
url pic yg kamu suka') no-repeat;
}
.gbcontent{
float:left;
border:2px solid
#00000;
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 code shoutmix kamu d cni

<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>

════════════════════════════════════════════


*ok da copy...paste lah d ruang Html laju ya smblum code 2 hilang..hahahahaha..men2 jak.:)
*kaler yellow 2 kamu bleh tukar code warna border shoutbox kamu.ska ati kamu lah maw pilih kaler apa..ada aku kesahhhh????miahahahha
*yg kaler
aqua 2 plak kaler background shoutbox kamu
*haaaa....yg kaler purple 2 akmu bleh ubah size 2 mngikut kesesuaian blog kamu..
*yg kaler green 2 plak kamu ltak kan code shoutbox kamu ok..
*then yg kaler blue kamu bleh ltak pic yg kamu suka.yg pnting ada kaitan dgn shoutbox..tp klaw kamu maw wat sndiri pun ble gak..
*kalaw kau maw guna photobucket pun xsalah gak..
*haaaa...da siap save trus n tngok hasil nya ok..


d bawah ne ada bbrapa cntoh imeg 2 shoutbox kamu.kalaw kamu maw pakai pun blehhh jak..copy jak jgn malu2...hehehehe:)






  http://i1214.photobucket.com/albums/cc487/nisa131/shout.png




 http://i1113.photobucket.com/albums/k512/aina9981/maryiconshout.png


 http://2.bp.blogspot.com/-ZEzj7M5ANd0/TVvT8eXCceI/AAAAAAAAAcg/o4npdprRZJM/s200/shoutbox+icon.png


 http://i472.photobucket.com/albums/rr83/juliet_is_here/shoutbox3-1.png




  http://i1205.photobucket.com/albums/bb427/DyraNadhirah/sc2.jpg


 http://3.bp.blogspot.com/-p2MLCZtahz8/Tce_HPAQ_CI/AAAAAAAAANU/R9xRrc9M_mg/s1600/Untitled-3-1.png

1 comment:

  1. cantik gmbr utk shoutbox..suka sgt..amik satu ya..^^,

    ReplyDelete

terima kasih dengan komen anda(✿◠‿◠)

 
Designed by NurAlja Lee