Membuat Bukutamu Tersembunyi

  • masuk akun blogger kamu
  • pilih rancangan,lalu tambah gadget- HTML / JavaScript...
  • copy paste kode di bawah ini, (klo bisa buat sendiri ya gk apapa..) (:
<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">
        <!--taruh buku tamu dsini-->
        <a href="http://zgrow.blogspot.com/" target="blank">zGr0ow</a>
        <br />
        <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>
  • taruhlah script buku tamu di tempat bertanda khusus.
  • nah klo sudah tinggal di simpan.
  • kalo kamu yan seneng coding, buku tamu ini bisa di ubah hingga berbagai variasi..(contohnya) seperti buku tamu yang ada di blog ini..
  • ok...semoga kalian berhasil...

Komentar

Postingan populer dari blog ini

Geany agar bisa compile di windows

Driver AXIOO NEON MNV Win XP & Win 7

Create a python application service on linux