Cara Baru membuat Buku Tamu dalam Blog
adalah artikel yang akan saya bagikan kepada anda semua. Bila Anda
adalah seorang webmaster atau blogger, maka interaksi dengan pengunjung
blog anda sangatlah penting, karena dengan adanya komunikasi dan
interaksi yang intensif dengan pengunjung akan membuat blog anda disukai
dan selalu dikunjungi karena si admin terkenal ramah. Maka dari itu,
Salah satu cara baru dan mudah untuk bisa berkomunikasi dengan pengunjung adalah dengan memberikan fasilitas Buku Tamu di blog. Di Buku Tamu
ini, siapa saja bisa melakukan obrolan dan bertanya apa saja kepada
pemilik blog bahkan juga bisa berdiskusi santai dengan pengunjung /
blogger yang lain.
Buku tamu ini berguna kembali memang untuk anda yang ingin menjalin
hubungan dengan pengunjung, seperti misalnya ada artikel anda yang
sangat bagus contohnya Cara Baru Artikel Menempati Posisi 1 Google. Jika artikel tersebut banyak pengunjung, tentu mereka ingin bertanya, dan kalau kotak komentar
anda sudah penuh terhadap pengunjung, sudah pasti mereka akan
mengirimkannya ke buku tamu tersebut, karena memang tanpa adanya
penggunaan password yang sangat memudahkan mereka dalam komunikasi.
Adapun Cara Baru membuat Buku Tamu dalam Blog adalah sebagai berikut
Cara Baru membuat Buku Tamu dalam Blog, simak baik – baik :
1. Buka website penyedia layanan Buku Tamu yaitu “http://www.cbox.ws”
2. Klik Get your own free Cbox now!
3. Isi Form pendaftaran dengan lengkap mulai dari Cbox Name, Email address, Password, alamat website, dan bahasa
4. Masih di form pendaftaran, kita bisa menentukan model dari Buka Tamu dengan memilih Style
5. Jika sudah selesai diisi semua dengan lengkap klik tombol Create My Cbox dan kalian sudah berhasil dalam membuat Buku Tamu.
Bila kalian sudah selesai dengan cara di atas, sekarang waktunya untuk menyetting tampilan cbox yang akan kita pasang pada blog
6. Login ke member area cbox
7. Klik Look & Feel > Layout Options untuk Mengatur lebar ( Width
) dan Tinggi ( height ) Buku Tamu. Sesuaikan dengan ukuran side bar
blog kalian. dan kalian juga bisa mengatur apakah pesan terbaru akan
ditampilkan paling atas atau di bawah dengan memilih In Order
8. Klik Look & Feel > Colours & Fonts. kalian dapat
menentukan warna, bentuk huruf dan lain-lain. Silahkan setting sesuai
dengan selera. lalu klik Save
9. Jika sudah selesai semua setting anda, kemudian klik tombol Apply
Jika kalian sudah selesai mengikuti cara mudah membuat buku tamu di blog
pada langkah no. 9, sekarang lanjutkan tahap akhir, yaitu meletakkan
buku tamu tersebut pada blog kita
10. Masih di member area Cbox klik Publish!
11. Lalu klik tombol Copy to clipboard.
12. Login ke blogger.com >> Klik Tata Letak / layout >> Tambah Gadget.
13. Di window yang muncul klik HTML/Java Script.
14. Paste kode Buku Tamu yang telah dicopy tadi ke kolom yang tersedia seperti di bawah ini:
15. Klik simpan dan selesai sudah. Buku tamu kalian sudah terpasang rapi
Sekian dulu artikel saya mengenai Cara Baru membuat Buku Tamu dalam Blog.
dan untuk menghemat ruang dan halaman blog, biasanya blogger
menyembunyikan buku tamu tersebut di samping sidebar dan ada juga yang
meletakkannya pada subuah postingan artikel.
Tambahan:
Jika anda ingin menampilkan buku tamunya secara melayang atau menggantung, tambahkan kode ini untuk dimasukkan dalam widget :
Tambahan:
Jika anda ingin menampilkan buku tamunya secara melayang atau menggantung, tambahkan kode ini untuk dimasukkan dalam widget :
<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://i37.tinypic.com/345o85i.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">
Masukkan disini Kode yang anda dapatkan dari Shoutbox diatas
<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>
semoga bermanfaat bagi . .