Cara memasang buku tamu di blog

Selamat Siang sahabat blogger...

Konnichiwa....
Kali ini saya akan share tentang Cara memasang buku tamu di blog

Dibawah ini adalah langkah-langkahnya :
1. Login Blogger
2. Klik Rancangan/Design
3. Tambah Gadget / Add a Gadget
4. Pilih HTML/javascript

Kemudian Copy paste kode di bawah ini di dalam Html/javascript tadi.

<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/AVvXsEjcu_WWNH2IQ9q8OP9dVRE_baxN_caHovTk95mS3O-18l5tDuDpDRh0PI_PboHD2ENHMvqPdf4_zT6MUgkmViGvBQ-u_2gLWiFV7u5Dp4u47ocg0axenzH2vPrNwEm5qcaJDObIyKam5B4/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">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="250" height="287" src="http://www7.cbox.ws/box/?boxid=748000&amp;boxtag=5nye5b&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-748000" style="border:#48515A 1px solid;" id="cboxmain7-748000"></iframe></div>

<div><iframe frameborder="0" width="250" height="93" src="http://www7.cbox.ws/box/?boxid=748000&amp;boxtag=5nye5b&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-748000" style="border:#48515A 1px solid;border-top:0px" id="cboxform7-748000"></iframe></div>

</div>

<!-- END CBOX -->

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

<a href="http://hanyafifablog.blogspot.com">

[Tutup]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

5.Kemudian simpan

kalau mau tahu hasilnya lihat saja bagian sebelah kanan Blog saya... :)Lihat nih gan kece kan

oh ya tulisan yang berwarna merah itu bisa kamu ganti dengan desain mu sendiri .

caranya :

1.      daftar ke situs penyedia chat box disini

2.      isi formulir pendaftaran dengan data yang kamu miliki

3.      setelah berhasil mendaftar, masuk ke situs tersebut “cbox”

4.      kemudian desain di  tab look & feel (desain sesuka hatimu ya)

5.      masuk di tab publish.kemudian copy script buku tamu mu

6.      Ganti script yang berwarna merah pada script yang diatas dengan script buku tamu mu

tapi kalau pengen cepet kamu bisa copy paste script diatas