Cara membuat buku tamu di blogspot

Sharing kali ini tentang Cara membuat buku tamu di blogspot..salah satu kegunaan buku tamu adalah sebagai tempat berinteraksi antara pengunjung blog dengan pengelola blog.dengan adanya buku tamu pengunjung blog dapat berinteraksi secara langsung dengan para pengunjung blog.bagaimana cara membuatnya?

Pertama-tama anda harus sign up /mendaftar di situs penyedia buku tamu terlebih dahulu,salah satu situs penyedia buku tamu adalah shoutmix.com,anda dapat langsung mendaftar langsung ke http://www.shoutmix.com dengan langkah-langkah :

1. Masuk ke 

                                                                 

1. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
2. Pada kolom yang berjudul Style, klik menu appearance.
3. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
4. Setelah itu Copy-paste kode pada embeed code.

Tahapan selanjutnya adalah memasukan code tersebut pada sidebat anda :

1. Masuk ke Akun anda Pilih Rancangan>page Elemen>add gudget>HTML/Java scipt
2. Jika anda ingin menampilkannya di sidebar langsung masukan Code tersebut.
3. Jika anda ingin membuatnya melayang dan tersembunyi masukan code dibawah 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/AVvXsEiAcaARPh-bpwEctdg7UBgfeGRKgDgkv6YKMTAJD22Lz_FdFW2qCWA_f9P0XCJB_mFYHBVR6DAOKwatOvjoJ22mEtXyh4nxsh2muZZkqob6nnYdv9vg7Z9kN3JXTc4yRcg6HalQiUx37kRl/') 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 ini dengan kode buku tamu kamu -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://vikytaufik.blogspot.com/2011/07/cara-membuat-buku-tamu-di-blogspot.html">
sini 
</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>

Ganti yang berwarna merah dengan kode shoutmix anda.kemudian simpan dan lihat hasilnya.
Selamat mencoba.........