Cara Membuat Buku Tamu Bersembunyi

by Error Shinobi

Buku tamu ini gunanya untuk memudahkan pengunjung blog Anda bila ingin berkomentar atau sekedar menuliskan salam dari para pengunjung di blog Anda .
Caranya tidak begitu sulit, Anda hanya tinggal Copy dan Paste Script di bawah ini ke dalam blog Anda...

Masuk ke account Blogger Anda, pilih Layout kemudian Page Elements.
Klik "Add a Gadget" (Tambah Gadget), kemudian pilih "HTML/JavaScript".
Copy - Pastekan code berikut :

<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://i1202.photobucket.com/albums/bb368/error23/bukutamuSHINOBI.jpg') 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 disini dengan code buku tamu Anda -->
<br/>
<br/>
by <a href="http://www.shinobi-blog.com/">Shinobi 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></div></div>


Catatan :
Ganti script ini <!-- Ganti ini dengan kode buku tamu kamu --> dengan Buku Tamu Anda.

Anda juga bisa menganti gambarnya dengan gambar pilihan Anda, Anda tinggal ganti tulisan yang berwarna merah. tapi sebelumnya Anda upload dulu foto di photobucket.com untuk mendapatkan URL nya.

Lalu simpan, dan Selasai dhe' !!

Gampang kan ??

5 komentar:

Bimbel Blogging mengatakan...

nice trik sob..keep posting ya..jangan lupa jga komen balik di blogku ya

Shίηόβί™ mengatakan...

@Bimbel Blogging : thank's sobat... oke de', langsung ke TKP sob... :)

Error Shinobi mengatakan...

okee... !! :D

antonabihandsome mengatakan...

mu nyobain ya bray,,da garansinya kan kalo ga berhasil keperawanan kembali...wkwkwk

Error Shinobi mengatakan...

@antonabihandsome :
waduuh.. kagak ada garansi bro.. soalnya ini barang second .. hhha :D

Posting Komentar