Jumat, 03 Januari 2014

Cara Membuat Buku Tamu Tersembunyi

1. buat shoutbox/shoutmix (ane saranin freeshoutbox.net )
2. copy HTML code nya

3. buka blogger lalu masukkan account blog anda
4. pilih blog (jika memiliki 2 atau lebih blog pada 1account)
5. ambil tata letak
6. klik tambah gadget
 7. pilih HTML/javascipt
8. copy dan pastekan link 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVqbtnH7SLo54JOIYrseoDDVeP3HLl2pasUMz_c87-rQpnr0NCaU54ul9JNKvCsneS8Jd5IO81XsMouYJFt-udtlkoOiaciT0R5gl0xUwB7A52XeJqzWJFGCFfT6E0v1TMwwQbPp3btL60/') 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">

    <tempatkan kode html shoutbox>

    <div style="text-align:right">
    <a href="Lyokowarriorz.blogspot.com">
    [Lyokowarriorz]
    </a>|<a href="javascript:showHideGB()">
    [Tutup]
    </a>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div>
_______________________________________________________________
ket: tulisan merah diganti dengan kode html shoutbox mu
      Tulisan kuning untuk mengatur tinggi buku tamu
      Tulisan hijau untuk mengatur lebar buku tamu
9. klik simpan
 nih hasilnya di blog saya
Tersembunyi   :
 pas muncul