Cara Membuat Buku Tamu/Guestbook di Blog

Buku tamu sangat penting dalam sebuah blog. Teman-teman yang punya hobbi blogwalking, jalan-jalan ke blog tetangga sangat suka untuk menuliskan sedikit catatan di buku tamu agar suatu saat blog mereka juga dikunjungi. Sebelum membuat buku tamu sebaiknya anda mendaftara dulu (gratis, tenang aja) di http://cbox.ws

trus ikuti beberapa langkah dalam pendaftaran tersebut :

1. Klik menu Sign Up, Kemudian isi form yang disediakan, contohnya sebagai berikut :

Cbox name : mrwindu.cbox.ws

Email address : windumahmud@gmail.com

Password : xxxxxxxxx(hints)

Confirm Password : xxxxxxxxx

Website : http://mrwindu.com

Language : English

Style : Modern Blue

2. Centang, atau klik pada kotak kecil disamping tulisan : I have read and do agree to the Cbox terms and conditions of service. Artinya kalau kita akan menggunakan Cbox tersebut kita harus menyetujui aturan yang diterapkan.

3. Klik "Create My Cbox" di sebelah bawah

4. Akan akan dibawa untuk login kembali, masukkan user name dan password yang benar, sehingga anda akan dibawa ke control panel,

5. Masukkan lagi password dan ketik ulang password

6. Klikk Apply

7. Klik Publish

8. Blog Kode html yang diberikan dan copy (Ctrl + C)

Jika langkah diatas sudah anda lakukan sekarang tinggal memasang kode tersebut di blog anda, caranya sebagai berikut :

Dan langkah berkitnya copy HTML 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/AVvXsEgwwgM6zRsVlrbfOQfRIXuTeCacCrxcv41wz50gi53-eljZ0koAWKRZhUYl93tWPlHDX-QGNN6C_YBrcnWMmp25zWp0vTekoA-G-KZgJHnojXQk_hWJOPiYju-5PO-m_J1vq08wFSlf4TA/s1600/bukutamu.png') 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">

Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini


<div style="text-align:right">

<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><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></div></div>

1. Sign in on your blog

2. Klik Lay out on Dashbord

3. Klik Page element

4. Klik Add a Gadged

5. Pilih html

6. Tuliskan pada title buku tamu atau guest book atau apa terserah anda, trus klik pada content tekan Ctrl V atau Paste html tadi ke content di gadged

7. Klick Save

Sekarang coba anda buka blog anda dengan mengetikkan url blog anda di adress bar, silakan coba mengisi buku tamu tersebut dengan menuliskan nama, url/email dan pesan yang akan ditulis.

Cukup simple kan, meskipun tampak sedikit panjang tapi membuat buku tamu pada prakteknya sangat mudah, dibeberapa blogku yang lain aku menggunakan Cbox karena untuk saat ini masih bagus, Kalau dulu sih Shoutmix.com tapi sejak tanggal 18 Januari 2010 kayaknya agak eror di Indonesia dimana url pengunjung tidak terdeteksi, maka banyak sekali blogger di Indonesia yang beralih ke Cbox.ws atau yang lain. Tapi kalau mau daftar premium di shoutmix mungkin tidak begitu eror. Kalau kita kebanyakan suka gratisan, ya pakai aj yang gratis.

Browse More Articles

Tweet

Written by rohman firmansyah

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.