Sabtu, 11 Februari 2012

Cara Membuat Buku Tamu Melayang

!!! Jangan Lupa Coment !!!


Assalamualaikum,
Kali ini saya mau post lagi tentang Blog tutorial,yaitu tentang cara memasang buku tamu melayang,anda dapat melihat contoh nya disini....jika anda berminat Langsung saja ke tutorialnya ya....
  1. Daftar dulu ke CBOX
  2. Sign in ke blogger dan silahkan Login dengan Account Anda
  3. Pilih Rancangan/Tata letak
  4. Pilih Page Elemen/Elemen Halaman
  5. Klik Add a Gadget/Tambah Gadget
  6. Lalu pilih "HTML/JavaScript"
  7. Kemudian Copy-Paste kode di bawah ini :
    <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://i37.tinypic.com/345o85i.gif') 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">

    LETAKKAN KODE SHOUTMIX/CBOX ANDA DI SINI

    <br/>
    Anda ingin membuat buat Buku Tamu seperti ini?<br/>
    Klik di
    <a href="http://devilofcheater.blogspot.com/2012/02/cara-membuat-buku-tamu-melayang.html">
    sini </a>

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [tutup]
    </a>
    </div>

    </div>

    </div>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>
  8. Selesai cukup mudah bukan????
Note :
LETAKKAN KODE SHOUTMIX/CBOX ANDA DI SINI --> Code CBOX anda


sekian saja dan jangan lupa berkomentar di bawah ini ya......
sumber :
http://devilofcheater.blogspot.com/
http://www.arda.web.id
<><><><><><><><><><><><><><><><><><><>

19 komentar:

  1. Thanks Om...ane pijem ilmunye bentar ye...

    BalasHapus
  2. blogwalking here, please visit me back, thanks :-)

    BalasHapus
  3. mamir juga ya http://jsstriplerq.blogspot.com/

    BalasHapus
  4. ooo gitu ya caranya, tapi agak ribet buatnya

    BalasHapus
  5. makasih sekali informasinya sangat membantu untuk yang masih belum memasang, nice share

    BalasHapus
  6. kebetulan aku belum memasangnya di blog
    thanks tutornya sob :)

    BalasHapus
  7. Thanks gan infonya..

    bermanfaat skali bagi perkmbangan blog sy .. :)

    Mohon komentarny dblog sy y :)

    Blog Fuadditiya | The FIM Site

    BalasHapus
  8. terima kasih, sudah saya pasang di blog saya

    BalasHapus