Cara Mudah Membuat Buku Tamu Didalam Blog adalah artikel yang 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 mudah untuk bisa berkomunikasi dengan pengunjung adalah dengan memberikan fasilitas Buku Tamu di blog Anda. 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 lainnya.
Buku tamu ini berguna kembali memang untuk Anda yang ingin menjalin hubungan dengan pengunjung, seperti misalnya ada artikel Anda yang sangat bagus contohnya Cara Membuat Artikel SEO. 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 dan ini cara yang sangat memudahkan mereka dalam komunikasi dengan si pemilik blog. Adapun Cara Mudah membuat Buku Tamu didalam Blog adalah sebagai berikut ini:
Cara Mudah Membuat Buku Tamu didalam Blog:
- Buka website penyedia layanan Buku Tamu di “www.cbox.ws”
- Klik Get your own free Cbox now!
- Isi Form pendaftaran dengan lengkap mulai dari Cbox Name, Email address, Password, alamat website, dan bahasa.
- Masih di form pendaftaran, kita bisa menentukan model dari Buka Tamu dengan memilih Style.
- Jika sudah selesai diisi semua dengan lengkap klik tombol Create My Cbox dan kalian sudah berhasil dalam membuat Buku Tamu.
- Bila Anda sudah selesai dengan cara seperti di atas, sekarang waktunya untuk menyetting tampilan cbox yang akan Anda pasang di blog.
- Login ke member area cbox.
- Klik Look & Feel > Layout Options untuk Mengatur lebar ( Width ) dan Tinggi ( height ) Buku Tamu. Sesuaikan dengan ukuran side bar blog Anda. dan Anda juga bisa mengatur apakah pesan terbaru akan ditampilkan paling atas atau di bawah dengan memilih In Order.
- Klik Look & Feel > Colours & Fonts. Anda dapat menentukan warna, bentuk huruf dan lain-lain. Silahkan setting sesuai dengan selera Anda lalu klik Save.
- Jika sudah selesai semua setting anda, kemudian klik tombol Apply.
- Jika Anda 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 Anda sendiri.
- Masih di member area Cbox klik Publish!
- Lalu klik tombol Copy to clipboard.
- Login ke blogger >> Klik Tata Letak / layout >> Tambah Gadget.
- Di window yang muncul klik HTML/Java Script.
- Paste kode Buku Tamu yang telah dicopy tadi ke kolom yang tersedia seperti contoh dibawah ini:
- Klik simpan dan selesai sudah. Buku tamu kalian sudah terpasang rapi.
Semoga artikel saya mengenai Cara mudah membuat Buku Tamu didalam Blog, dapat membantu Anda dalam memberikan sesuatu yang bermanfaat bagi pengunjung blog Anda. 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 melayang didalam blog maka, Anda tinggal tambahkan kode dibawah ini untuk dimasukkan dalam widget/HTML/JavaScript:
<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">
<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>
#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 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>
- Sekian, semoga bermanfaat dan sukses selalu ok.
