Tips Membuat Buku Tamu Tersembunyi

Tips membuat buku tamu tersembunyi di blog bukan sesuatu hal yang baru lagi untuk blogger, walaupun demikian ada beberapa sobat blogger yang sengaja tidak memasang buku tamu di blog mereka karena alasan tertentu.

Sebelum saya share tentang bagaimana cara memasang buku tamu yang tersembunyi di blog yang perlu sobat tahu tentang apa fungsi dari buku tamu tersebut. Konon sih bisa menaikkan PR dari blog kita karena bisa menaikkan traffic ke blog kita.

Oke langsung aja ya ke tips kita kali ini, ikuti baik-baik ya...




1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Kemudian Copy-paste kode di bawah ini:




<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://rob13y.files.wordpress.com/2010/10/tab-q.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">


<!-- GANTI DENGAN KODE BUKU TAMU KAMU <!-- 


<br />
Mau punya buku tamu seperti ini?<br />
Klik di
<a href="http://yobertparai.blogspot.com/2010/10/tips-membuat-buku-tamu-tersembunyi.html">
sini (Info 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>


4. Simpan dan selesai.


Yang perlu sobat ganti adalah tanda yang berwarna merah, sobat bisa sesuaikan dengan keinginan sobat kemudian url gambar sobat kalau mau diganti juga gak apa-apa, selamat mencoba ya...

Semoga Bermanfaat...