> Warung Bebas

Cara Membuat Buku Tamu Auto Hide

Hay Sobat, Lama Udah Gak Posting Nih.. Kali Ini Saya Akan Memposting Tentang Cara Membuat Buku Tamu Menjadi Auto Hide.. Simak Dibawah ini yaa.. 

Cara Nya Cukup Mudah Kok.. Ikuti Langkah2 Dibawah ini :

1. Buka Blogger Anda. atau Klik Disini
2. Klik dashboard >> Tata Letak >> Tambah Gadget >> HTML / Java Script
3. Lalu Copy Kode Dibawah Ini 

<style type="text/css">

#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}
.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>
<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>
<div class="gbcontent">
<center>


Masukkan Kode CBOX Sobat DISINI


<br /><div style="text-align:center"><span style="float:right; color:#000000;">Get this <a target="_blank"href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span></div></center></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (50-gb.offsetWidth).toString() + "px";</script>
</div>
Cara Membuat Buku Tamu Auto Hide 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.
Share 'Cara Membuat Buku Tamu Auto Hide' On ...

Ditulis oleh: Arya Dharma - Selasa, 10 April 2012

10 komentar untuk "Cara Membuat Buku Tamu Auto Hide"

  1. Sip kang terima kasih scriptnya

    BalasHapus
  2. @Dunia Sharing : Sama2 Kang.. :D

    BalasHapus
  3. wah mantap kang,,
    thnx atas infonya ..
    sangat membantu kami..

    BalasHapus
  4. @Agunk Takbir Ramadhan : Sama2 Kang.. Trima Ksih Sudah Berkunjung,, :D

    BalasHapus
  5. buku tamunya jika di sembunyiin nanti bingung lho nyariinya...eniwei, thx sharing tipsnya mas bro

    BalasHapus
  6. @Ririe : Khan Udah Keliatan Gambar nyaa,,, hehehe...

    BalasHapus
  7. wah keren ni sob...boleh deh nanti dicoba kalau dah bosan dengan model lama

    BalasHapus
  8. @Ichwan : Oke sob,, silahkan... eh ya, gambar nya bisa diganti kok.. !! :D

    BalasHapus