tUtORiAl hIDdEN SHoUTmiX

First of All..u allz kena p kat:

1. Desing/PAge Element>>>Add Gadget>>>HTML/ Javascript

2. Then Copy code di bawah dan paste kt HTML tersebut.

3. Untuk menukar gambar ditepi Shoutmix tu, u allz leh gantikan pada link http://img143.imageshack.us/img143/4863/pinki.png ini dengan link gambar yg anda ingini.

4. Untuk perkataan yang gantikan LETAK CODE SHOUTMIX ANDA dengan code Shoutmix anda.


5. Save dan lihat hasilnya.^_^

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://img143.imageshack.us/img143/4863/pinki.png') 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, 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">

LETAK CODE SHOUTMIX ANDA

<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 = (30-gb.offsetWidth).toString() + "px";
</script>

Comments

  1. wahhh nice share :) terbaik la..

    A.K.A umar yg cute

    ReplyDelete
  2. coding ni xde pun kaler merah n biru?

    ReplyDelete
  3. @Dy cullen
    Tq dear..bukan pe.2k simpanan qiqi gk..kn qiqi ske gnti layout..hehehe

    ReplyDelete
  4. @Tomato Gurl's Life
    Tq cik tom coz tlg mention kn..qiqi pon xprasa td

    ReplyDelete
  5. wadud dah penah wat.. hehehe..

    time kasih qiqi.. :D

    ReplyDelete
  6. ehh dh hidden dh? bgs3..aie pun nanajoe yg wtkan dlu.ahhaa

    ReplyDelete
  7. Salam.
    Dah dapat ke coding yang saya email semalam?

    ReplyDelete
  8. keh3... nak hidden cam qiqi wat kt side bar tuh leh ajar tak?

    ReplyDelete
  9. tengq so much cik qiqi utk tutorial yg sgt2 berguna nie! hehe..insyaAllah klu fyza dah borink ngan lama bleh la try hidden shoutmix nie plak..huhu..;)

    ReplyDelete
  10. @Zezebel

    Qiqi xdan nak bkk lagi Zezebel..kt company ni de blck email yahoo..gmail.huhu

    ReplyDelete
  11. @aibaks

    TOk nk yg cm Qiqi nye ni ek..tok la ni pakai cbox kn...nnt qiqi tgkkn

    ReplyDelete
  12. @FyZa

    Welcome dear...Qiqi letak ni pon untuk kegunaan QIQi gak..almaklum la Qiqi ni ske je tukar layout..keh333333

    ReplyDelete
  13. wah bestnyer adik angah ajaq ye heheheee

    ReplyDelete
  14. tak reti la koding2 ni qi...
    fenin fenin...

    ReplyDelete
  15. @AngahSayang2314

    2k peringatan Qiqi gak angah..hehehhe....smbil2 tu leh kongsi same.heheh

    ReplyDelete
  16. @nkara

    Kalo bab2 gadget ni Qiqi leh lagk..tp kalo masuk bab2 nk bsrkn header ke hape 2..mmg Qiqi kena rjuk pkar gk.heheh

    ReplyDelete

Post a Comment

Popular posts from this blog

KEBAIKAN DAN KEBURUKAN GMO

DILEMA MOMMY PREGGY

PETUA HILANGKAN GATAL BADAN