Membuat Buku Tamu Tersembunyi

Posted on Minggu, 25 April 2010 |
jika kamu heran dengan buku tamu diblog orang lain yang jika di klik muncul dan jika di klik lagi hilang, maka kamu harus membaca tutorial ini. sebenernya membuat buku tamu yang bisa sembunyi tidak terlalu sulit. kamu tinggal membuat akun di shoutmix. kalau kamu sudah daftar kamu akan diberi kode untuk buku tamu tersebut. terus bagaimana cara menyembunyikannya? begini caranya :

  1. masuk ke blogger

  2. klik tata letak

  3. tambahkan gadget pada elemen halaman

  4. pilih html/javascript.

  5. masukan kode dibawah 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://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">


    <!-- Ganti ini dengan kode buku tamu kamu di shoutmix -->


    <br/>
    Mau punya buku tamu seperti ini?<br/>
    Klik di
    <a href="http://my-autodidact.blogspot.com/2010/04/membuat-buku-tamu-tersembunyi.html">
    sini (Info Blog)
    </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>


  6. ganti kode berwarna merah <!-- Ganti ini dengan kode buku tamu kamu di shoutmix --> dengan kode yang diberikan oleh shoutmix.

  7. simpan kode kamu

  8. semoga berhasil


4 Komentar:

Ahmad mengatakan...

makasih brow....... artikelnya bermanfaat

aruba mengatakan...

keduax gan

Dani Rahman mengatakan...

thanks.. :D
it works..

Asep Maulana Ismail mengatakan...

makasih semuanya :)

Posting Komentar

Belanja di Amazon.com


Top 5 of the Week

Copyright © Autodidact. Diberdayakan oleh Blogger.

ShoutMix chat widget

Mau punya buku tamu seperti ini?
Klik disini.