Cara Pasang Buku Tamu Tersembunyi di Blog | Pasang Buku Tamu Tersembunyi pada Blogger

Kali ini saya akan menuliskan cara pasang buku tamu di blogger. Namun pada artikel kali ini saya akan menunjukkan bagaimana cara memasang buku tamu tersembunyi/hidden. Memang buku tamu adalah bukan merupakan sesuatu yang wajib ada di blog kita, tapi buku tamu bisa mempercantik blog kita,selain itu juga pengunjung blog kita bisa dengan mudah berinteraksi/berkomunikasi,menyapa kita ataupun pengunjung lainnya. walau hanya sebatas kalimat..hehe..

yasudah,,tak perlu panjang lebar lagi,,langsung saja kita liat tutorialnya di bawah ini :

1.Langkah Pertama

- Silahkan buat akun di www.cbox.ws , www.shoutmix.com , atau juga bisa yang lain sesuai selera anda.

- Jika sudah,ambil code.nya dan paste.kan di notepad terlebih dahulu.

2.Langkah Kedua

-Login ke akun Blogger ( jika belum login ).

-Pilih menu Design/Rancangan.

-Pilih Add Gadget/Tambah Gadget.

-kemudian pilih HTML Javascript.  dan paste.kan 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim2rdSX43y91ciJgnyAv2STSxsaMYQ9AaQKW9zTKtBoFqV4t9Bm0WTHFZneIlPqeZ7xL1vXKCvX372fMfm_0o1sGM-_XqWdsPu0RN38JUCRv95oi6Nd-OHqzFDkV6FwDdys37J5-2W6-I/s1600/bukutamu.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">

Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini

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

<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><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></div></div>

3.Terakhir , save dan liat hasilnya..selesai

selamat mencoba,,semoga berhasil :)