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="http://3.bp.blogspot.com/-NBMTRYrYCkg/T1WfDyla0SI/AAAAAAAAFhE/htbZg_5usCI/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 :( 

Post a Comment

Assalamualaikum ^,^ terima kasih sebab singgah kat blog saya dan silalah komen 2-3 patah perkataan :D

I LOVE BLOG QUEEN TYPO