Menu

    Contoh buku tamu bisa di lihat di blog ini bagian sebelah kanan atas. Untuk membuat buku tamu melayang atau tersembunyi, kita harus punya widgetnya dulu, terus pasang di blog. Cara membuat buku tamu ShoutMix seperti di blog ini, silahkan login dulu ke Shoutmix, kemudian pilih Create Shoutbox. Bukan hanya Shoutmix, bisa juga pilih buku tamu buatan C-Box Jika Shoutmix/C-Box sudah terpasang di blog anda dan ingin membuatnya tersembunyi, berikut langkah - langkah untuk membuatnya.

    Klik Rancangan > Elemen Laman > Tambah Gadget.
    Pilih HTML/JavaScript.
    Copy kode di bawah ini dan paste di kolom yang ada.

    <style type="text/css">
    #gb{
    position:fixed;
    top:100px;
    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:2px;
    }
    </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">


    TARUH KODE WIDGET SHOUTBOX DI SINI


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


    Tulisan berwarna merah adalah kode script HTML ShoutBox atau C-Box yang sudah anda dapat setelah login ke dua situs tersebut.

    • Kemudian klik simpan.
    • Tempatkan widget dimana saja, karena Buku Tamu tetap akan muncul melayang atau tersembunyi si samping blog anda.


    3 komentar:

     
    Top