Membuat Buku Tamu Tersembunyia

Membuat Buku Tamu Tersembunyia

 

   Sambil makan kita buat buku tamu ini.
apa teman² mau membuat buku tamu ini,,, kalau mau saya kasi caranya & kode nya

caranya gampang kox....

 caranya

  1.  anda copi kode ini
  2. lalu anda (tmbah gadget)
  3. lalu anda masuk ke  HTML/JavaScript 

kode 

↓↓↓

gbtab{

height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i971.photobucket.com/albums/ae193/Zendrymaulana/Wallpaper%20For%20Template%20Blogger/Bukutamu6.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">

<!-- Paste kode buku tamu sobat di sini -->

<div style="text-aling:right">

<a href="javascript:showHideGB()">

[Tutup Buku Tamu]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

4.kalau udah copi kode nya,, lalu ganti warna biru dengan alamat url buku tamu

5.lalu yang warna merah  masukkan kode buku tamu sobat   








  kalua anda suda copi semuanya,,...?
anda jangan laupa follow ane sob

 .............selamat macoba.. semoga berhasil..............