Cara 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.

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.

1. Loggin ke akun blog sobat
2. Pilih rancangan, add gadget kemudian klik HTML/Java script
3. Pasang script di bawah

<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/AVvXsEjO0CY8jg1_732Lg0dVnCwgeEX8qVonQzrt1876_-9DDt7aSNAQbqjIsZ2HUNJ5aF2vpAjN7B-vXsVOq8blT5w1SKBXvogwVMD8zyuXRlLZQoFyPhJIdIJNytsRmFq6D5qMfsFuXAEPOzw/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">

<!-- LETAKKAN KODE CHAT BOX DISINI -->

<div style="text-align:center; font-size:10px">
<font color="black">Powered by:</font>
<a href="http://gesek-gosok.blogspot.com/2011/04/cara-membuat-buku-tamu-tersembunyi.html" target='blank'>
<font color="blue"><blink>Gesek-Gosok</blink></font>
</a>
</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

4. Save

Semoga bermanfaat.
Alhamdulillah...

Artikel Terkait:

Categories: Tutorial Blogger