DONJUAN FORUM COMMUNITY ALL IN ONE BASIC

**SELAMAT DATANG DI DONJUAN COMMUNITY FORUM ALL IN ONE**

Silahkan Registrasi & Login untuk Akses penuh ,
Terima kasih atas Kunjungan-nya


Join the forum, it's quick and easy

DONJUAN FORUM COMMUNITY ALL IN ONE BASIC

**SELAMAT DATANG DI DONJUAN COMMUNITY FORUM ALL IN ONE**

Silahkan Registrasi & Login untuk Akses penuh ,
Terima kasih atas Kunjungan-nya

DONJUAN FORUM COMMUNITY ALL IN ONE BASIC

Would you like to react to this message? Create an account in a few clicks or log in to continue.
DONJUAN FORUM COMMUNITY ALL IN ONE BASIC


    Cara Membuat Buku Tamu atau ChatBox di Blog Tampil di Samping

    abian zee
    abian zee


    Jumlah posting : 52
    Points : 137
    Reputation : 3
    Join date : 09.12.10
    Age : 33
    Lokasi : Semarang

    Cara Membuat Buku Tamu atau ChatBox di Blog Tampil di Samping Empty Cara Membuat Buku Tamu atau ChatBox di Blog Tampil di Samping

    Post  abian zee Wed 15 Dec 2010, 20:16

    Cara Membuat Buku Tamu atau ChatBox di Blog Tampil di Samping

    Nah, hari ini saya ingin mempostingkan cara bagaimana buku tamu atau shoutmix sobat berada di samping/ga nempel di Blog ( hehehe, kata-katanya bingung, ntah hidden atau apa, yang jelas seperti yang saya punya) hal ini supaya menghemat space.
    Langsung saja caranya:
    1. LogIn di blog Sobat
    2. Langsung COPAS kode script di bawah dengan menambahkan code ShoutMix atau ChatBox miliki Sobat.

    <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://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">
    <!-- Ganti ini dengan kode buku tamu kamu -->
    <br/>
    <br/>
    <a href="http://forantum.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></div></div>


    --------------------------------------
    <!-- Ganti ini dengan kode buku tamu kamu --> --- gantilah dengan kode script ShoutMix atau ChatBox milik Sobat.
    top:50px; ------- merupakan posisi, Sobat bisa atur....
    Tips, aturlah size Shout Mix atau ChatBox sobat supaya sesuai dengan script barunya.

      Waktu sekarang Fri 29 Mar 2024, 14:44