Membuat Shoutmix Sembunyi

Shoutmix adalah sebuah fasilitas chating secara offline tetapi bisa juga dijadikan sebuah Guestbook atau buku tamu.Selain shoutmix yang memberikan fasilitas tersebut ada juga yang disediakan oleh cbox.ws.Terserah anda aja mau pilih yang mana, karena kedua fasilitas tersebut mempunya fungsi yang sama hanya options didalamnya saja yang berbeda namun tujuan akhirnya adalah sama.
Tetapi didalam artikel ini kebetulan saya membuat dengan cbox dan saya tidak akan membahas langkah-langkah registrasi,tetapi lebih kepada bagaiman acara membuat agar shoutmix,cbox terembunya hanya labelnya saja.Oke langsung aja yach ..nich scriptnya di copas aja.Script ini bisa diletakkan di widget sidebar, dan tentunya sebelum memasang widget ini silahkan masuk ke tambah gadget -pilih html script dan seterusnya.



<style type="text/css">
    #gb{
    position:fixed;
    top:200px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    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">
   
[ Masukkan Script Shoutmix Code disini]

    <br />
    <br />
    <a href="http://makna-ilmu.blogspot.com">.
    </a>
    <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>


Cat :Untuk text berwarna merah silahkan ganti dengan url blog kamu .
Untuk Text yang berwarna hijau adalah posisi shoutmix berada

Artikel Terkait Lainnya :



0 komentar:

:: Terima kasih Anda Telah Memberikan Komentar Atas Blog Ini ::

Posting Komentar

" Terima Kasih Banyak "

Tutorial blog ,Trik &Tips, Freeware © 2010. Design by :Bloggers Sponsored by: Makna-iLmu