Hi quest ,  welcome  |  sign in  |  registered now  |  need help ?
Hanya Rp 5.000/bln ( Pasang Iklan Bunner Disini )
  • Akar Pasak Bumi
  • Akar Pasak Bumi

Daftar isi Posting

Cara Membuat Buku Tamu Hiden Di Samping Kiri Blog

Salam,Kali Ini Saya Mau Menunjukan Cara Membuat Buku Tamu Yang Tersembunyi Di Samping Kanan Blog Kita,Buku Tamu Ini Berguna Buat Pengunjung Yang Mau Meninggalkan Pesan Untuk Kita.
Oke, Mari Kita Langsung Ke Cara Pembuatanya.

Ayo  ikuti langkah-langkah berikut ini.
  1.  Login Blogger
  2.  Klik Rancangan/Design
  3.  Tambah Gadget / Add a Gadget
  4.  Anda 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">

Letakkan kode Shoutbox  Anda, Contact, Menu Dll Disini

<div style="text-align:right">
<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>

1 komentar:

warungbebas.com mengatakan...

Kok disamping kiri? bukannya samping kanan gan? kalau lihat gambar background:

http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png

kayaknya untuk samping kanan...

:f :D :x B-) b-( :@ x( :? ;;)
:-B :| :)) :(( =(( :s :-j :-p

Poskan Komentar

Kami mohon bantuannya, agar anda memberikan komentar, komentar yang baik dan membangun, mencerminkan kepribadian diri.