Cara Membuat Buku Tamu Tersembunyi

Buku Tamu, hemm tak lengkap rasanya kalau tanpa Buku Tamu di Blog. Buku Tamu adalah tempat pengunjung memberikan Komentar selain Kotak Komentar. Banyak cara bisa dilakukan untuk memperindah Buku Tamu, tapi Saya hanya memberikan Buku Tamu yang Tersembunyi. OK, kalau Kalian tertarik membuat Buku Tamu tersembunyi silahkan ikuti langkah-langkah berikut ini :

[1]. Seperti biasa Login dulu ke Blog Kalian
[2]. Trus cari Rancangan --> Klik Tambahkan Gadget
[3]. Pilih  HTML/Java Script
[4]. Copy dan Paste-kan Code di bawah in, ke dalamnya.
<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('
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrmDXviviiZDlKsSoIZqu3w1uTBMSXMFcUqEDcd9F4Tp8BhiMrJy59RttKGa9_eq2e2XbfYvpKw54hNJSsV0-oZxY9gaeDzqd04QiKBa1Liyt50f7_uXRf7x15PaEvAtsG_hjfE5TIj1w/s1600/Teoringeblog-buku+tamu+1+(78+x+190).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">
Code HTML Buku Tamu Kalian

</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
NB : 
- Tulisan yang berawarna MERAH ganti dengan ukurang yang kalian inginkan
- Tulisan yang berawarna BIRU ganti dengan gambar buku tamu kalian.... Kalo Kalian tidak punya gambar buku tamu Klik saja di SINI...
- Dan Pada Tulisan yang berwarna KUNING ganti dengan SCIPT buku tamu Kalian.

[5]. Simpan dan Lihat Hasilnya.

Semoga Berhasil Ya...^_^

7 komentar:

ilham am mengatakan...

wah bagu juga bnag tutorialnya nih.,.,!!

Unknown mengatakan...

Thank's Gan Komennya...!!!

Anonim mengatakan...

cra dpet code buku tmu gmna gan

Unknown mengatakan...

@Arun Sp : lewat shoutmix atau shoutbox gan.... nanti di minta mendaftar dulu.... [Untuk ShoutMix, daftar di sini "www.shoutmix.com/", sedangkan untuk ShoutBox, daftar di sini "www.freeshoutbox.net/"].

X-San mengatakan...

Thanks

Danova mengatakan...

Mantab gan berhasil, lihat ya http://obat-traditional.blogspot.com/

Generasi Milenial mengatakan...

Sukses gaan.. Thanks yaa .. mampir ya gan http://firdapuspita.blogspot.com/

Posting Komentar