membuat buku tamu tersembunyi

Bagi kebanyakan blogger membuat buku tamu memang penting. selain untuk mempercantik blog kita, buku tamu atau chat box juga sebagai sarana untuk saling berkunjung dan meninggalkan jejak link kita di blog yang kita kunjungi. Meskipun pada kenyataannya link yang kita tinggalkan di chat box tidak akan terindex oleh mesin pencari.
Ada beberapa yang Link yang melayani buku tamu gratis diantaranya :
1.CBOX
2.Shoutmix
   dan lain-lain
saya sendiri memakai CBOX
Pada sebagian blog, penempatan buku tamu ini ada yang di pasang di sidebar dan ada juga yang memasangnya secara tersembunyi sehingga tidak terlalu memakan banyak tempat. Pada postingan kali ini kita akan membahas cara pemasangan yang kedua, yaitu memasang buku tamu secara tersembunyi.
Bagi sobat blogger yang tertarik, silahkan copy sript di bawah ini kemudian pasang di widget sobat.
caranya yaitu :


1. Loggin ke akun blog sobat
2. Pilih rancangan, add gadget kemudian klik HTML/Java script
3. Copy script dibawah 
4. lalu Paste di gadget baru tadi
5. kemudian save.

<style type="text/css">

#gb{

position:fixed;

top:97px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:125px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgveI-pnITiDM9j_bs8aDWyiV-2VGNrTaIkHR0QIe1lpjvgHfM3dM6DhF6pQJBihWbaawsTFuFBDMoyOti6UDYoQu_p7SDjGQVUXS-TGGgDi6m4Kwm90J4izELzSXMiKSPHNkYjhIWx5XA/s1600/tabs.png') no-repeat;
}

.gbcontent{

float:left;

border:1px solid #000000;

background:#ffffff;

padding:1px;

}

</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">

<!-- Masukan script CBOX Disini -->

<div style="text-align:center; font-size:10px">

<font color="black">Powered by:</font>

<a href="http://adlisyah-present.blogspot.com/2011/08/membuat-buku-tamu-tersembunyi.html" target='blank'>

<font color="blue"><blink>adlisyah-present</blink></font>

</a>

</div>

</div>

<script type="text/javascript">

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

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

</script></div>

Selamat mencoba Semoga berhasil 

   

Artikel Terkait:

Posted in: tips