Panduan Cara Membuat Buku Tamu "Menggantung" Di Blog

  Tutorial kali ini saya akan menginformasikan tentang Panduan Cara Membuat Buku Tamu "Menggantung" Di Blog.Buku tamu/Shoutmix/Shoutbox merupakan salah satu aksesoris blog yang saya anggap sebagai salah satu aksesoris unik yang wajib ada di blog/website.Bentuk dari buku tamu mungkin berbeda-beda,namun mempunyai fungsi yang sama.Fungsinya adalah untuk memudahkan pengunjung untuk mengisi buku tamu tersebut,kalau dia pernah singgah di blog sobat.Selain itu bisa menjadi bahan referensi terhadap seberapa banyak pengunjung yang setia dan aktif mampir di blog kita.

Dalam panduan blogger kali ini,saya akan membantu sobat untuk membuat buku tamu/guest book yang tampilannya menggantung/melayang di blog.Jika kamu mau lihat contoh buku tamu menggantung/melayang ini,kamu gak perlu jauh-jauh berkunjung ke blog lain.Silahkan sobat lihat aja di blog ini "makinbanyaktau" yang ada di sebelah kanan kamu bagian atas.Jika kamu tertarik untuk mempunyai buku tamu yang serupa dengan blog ini,silahkan kamu langsung saja simak baik-baik penjelasannya di bawah ini.Caranya sangat gampang kok.Tanpa Ribeeet......

Untuk memulai membuatnya,silahkan ikuti panduan dan langkah-langkahnya seperti berikut :

- Seperti biasa kamu harus login dulu ke blog yang akan dipasang buku tamu

- Silahkan klik Tata Letak

- Klik tambah gadget/add gadget

- Klik opsi HTML/Javascript

- Silahkan sobat Copy dan Paste Kode HTML di bawah ini :

 <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUVl9bY6DLpLtF3139QdxxBESkZofd5mHgZBcQvxXTBgCPYED1-11Shu85aHYvXH_tUNPWsK_SX1q1gA9yQquJfb-Jo4PXlpJ76aYRW4KvnFFt903yvP48GvSglNQwDYlb7Dhi4q4HefA/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </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">   < BEGIN CBOX - www.cbox.ws - v001 --> Code CBox (Kode bisa didapat setelah daftar di Cbox) <!-- END CBOX >  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://makinbanyaktau.blogspot.com/2012/10/panduan-cara-membuat-buku-tamu.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

Ingat..!!!Paste kode tersebut ke dalam konten HTML/Javascript yang kamu pilih

- Silahkan kamu ganti tulisan yang berwarna biru dengan Kode yang kamu peroleh dari cbox

- Untuk mendapatkan kode dari cbox,silahkan daftar dulu di Cbox

- Silahkan Registrasi/Sign Up ( gratis/free ) dengan email sobat terlebih dulu,kemudian verifikasi email trus silahkan login

- Silahkan ikuti petunjuk yang ada

- Copy dan Paste kodenya ke tulisan yg berwarna biru tersebut,dan

- Taraaaaa...Buku tamu kamu udah jadi,ada di sebelah kanan kamu bagian atas...

Selamat mencoba...