cara memasang buku tamu yang simple

Pada buku tamu blog sangat penting untuk interaksi antara pemilik blog dan pengunjung .. ok to the point ..Untuk melakukan ikuti langkah-langkah di atas:

    Pergi ke http://www.shoutmix.com/ alamat untuk mendaftar..

    Seperti biasa Anda harus daftar terlebih dahulu dengan mengklik Dapatkan Satu tulisan noe, >> gratis, atau dengan mengklik tulisan Sign Up, silakan tulis data Anda pada formulir yang telah disediakan.
    Jika Anda sudah tedaftar, dan menerima anggota sehingga shoutmix, silahkan login dengan id anda
    Dalam kolom berjudul Style, klik tampilan menu.
    Silahkan klik pull-down di samping Muat Dari Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan Anda. Setelah selesai klik Save Settings.
    Untuk mendapatkan kode HTML dari shoutbox Anda, mohon klik Gunakan Shoutbox yang berada di bawah menu Start Cepat

 Untuk menempatkan kode HTML shoutbox sebelumnya di blog Anda, ikuti langkah-langkah di bawah ini.

Silahkan klik Rancangan

- Klik elemen laman

- 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/AVvXsEjOnhWGQjuAm2L3AFZCMix96Mjw0mbiniYwNN7UCw2cRnPYvRjGPIyvwVz4HX70ejcwPnjKdwI-uRTuy3ncsi6gP9eoSlrQjQI2zoJWMK5wfEaUXVyAWIStxm8uiOCLmJvfR2lMtFPKJx7r/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 milik anda<!-- END CBOX -->  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://tjoretan-akoe.blogspot.com/2012/05/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> 

- Silahkan sobat ganti tulisan yang berwarna merah dengan Kode yang sobat peroleh dari cbox