Tutorial : Shoutbox Macam Saya

Holla :D hehe wahh bukan main menaip arini ya :ppp hehe ok straight kpda masalah utama .ada adik ni nama Zahirah dia tnya mcm mna buat shoutbox macam anis means Popup Shoutbox .hee kak anis pun main godek2 je ya adik tp i will help you . eceecece .
  jom mula --->   notice : anis pakai shoutbox jenis shout busuk .  boleh daftar kat sini    step 1 : Mula-mula Klik > Dashboard > Design > Page Elements > Add Gadget > Html/Javasript 

Step 2 : Lepas tu copy code kat bawah nie  :-

 _______________________________________________________________

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

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url();
    }
    .gbcontent{
    float:left;
    border:2px dotted  #99CCFF;
    background:#FFEBCD;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = 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 SHOUTMIX KORUNK KAT SINI     
    <center><a href="javascript:void(0);" onclick="showHideGB()"><input type="button" value="Close" class="close" /></a>

    </center></div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.top = (-400-gb.offsetWidth).toString() + "px";
    </script>

    <a class="west" href="javascript:void(0);" onclick="showHideGB()" title="Buku Tamu"><img alt="Buku Tamu" heigth="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgkWwLlrRLx2EPuBIocOV-ZJ0yGyiCUb_sq5ATi7qqRx-H2hKvJoxveB_rpoTIBGLWgeQQ_hVaNmKZ3SYOudQKH4_dhjfzTRBEYxkK7TQruwYrGtQiIB_1bWoQrFYeb5OJYKkKhyubI88/s1600/shoutbox2.png" border="0" /></a>   _________________________________________________________  
 

klik untk lebih jelas

 

 *warna hijau : korang tukar ikut kesesuaian awk semua

*warna merah : url picture untk shoutbox 

  *warna biru : masukkan link shoutbox korang  

    Step 3 : copy code shoutbox , cbox atau shoutmix korang & pastekan dekat pkataan yg mcm ni  MASUKKAN KOD SHOUTMIX KORUNK KAT SINI     & lihatlah hasilnya :)      p/s : anis xingat anis ikut tuto siapa btw tuan tuto anis amik ya tuto awk . ni pun tiru HTML je :(