Cara Membuat Buku Tamu Tersembunyi di Blog Gratis | Bang Djae

Bang Djae ~ Pada kesempatan ini saya akan memberikan tutorial cara mudah membuat buku tamu. keberadaan buku tamu sangat bermanfaat untuk berinteraksi dengan pengunjung blog. jika buku tamu memakan tempat atau tidak memenuhi tata ruang di blog, bisa anda akali dengan cara menyembunyikannya. pengunjung akan bisa membuka buku jika membutuhkannya. cara menyembunyikannya tidak sulit alias sangat mudah. anda tidak perlu repot untuk edit html blog yang kadang membuat bingung karena tulisan berupa script. untuk cara memasang buku tamu itu sendiri menjadikannya menjadi tersembunyi sebagai berkut: 

1. Masuklah ke blogspot Anda

2. Klik Add Gadget (bisa yang mana saja, baik di sidebar, di atas posting, maupun footer) ==> pilih HTML/J

3. copy dan paste  Kode di bawah ini:

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:120px;

width:30px;

float:left;

cursor:pointer;

background:url('http://i463.photobucket.com/albums/qq354/imtihan_2008/MENU/th_Ch

atbox.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 Buku Tamu/ Cbox/ ShoutMix di sini

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

<a href="http://www.cara-membuat.tk/" target="new"><span style="font-family: Comic

Sans MS; font-size: 5%;">Cara Membuat</span></a>

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

[Close]

</a>

</div>

</div>

<script type="text/javascript">

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

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

</script></div>

4. Hapus tulisan Letakkan Kode Buku Tamu/ Cbox/ ShoutMix di sini dan ganti dengan

kode Cbox/ ShoutMix Anda

5. Paste di di Gadget HTML/Javascript tadi

6. Klik Save

Selamat! kini anda sudah bisa menyembunyikan buku tamu, tidak sulit bukan? semoga artikel ini bermanfaat bagi blogger pemula seperti saya.

baca juga ; cara mudah membuat tulisan link berkedip