Anda ingin membuat buat Buku Tamu seperti ini?
Klik di sini

Selasa, 14 Februari 2012

Cara membuat Buku Tamu Melayang


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????

2 komentar:

idaman putra mengatakan...

#pcak klo ngjarkan aku buat bku mlayang tuh :D

lutfhi eka septian mengatakan...

ooh siiip man...
masih blog yang lamo kan??
jangan bosen2 bae dgn postingan aku semoga banyak manfaat :)

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Grants For Single Moms