CARA PASANG BUKU TAMU DI BLOG /CBOX 2017

CARA PASANG BUKU TAMU AUTO HIDE DI BLOG /CBOX 2016
Langkah pertama sobat bisa daftar melalui https://www.cbox.ws, kemudian klik sign Up. llhat menu dengan kotak merah pada gbr.

 

Kemudian isilah kolom-kolom di bawah ini.

Ket:

Cbox name: isi nama judul yang sobat inginkan, misal, buku tamu, buku        kunjungan atau chat box dll.

Email Address: Isi alamat email blog sobat

Password: isi kata kunci atau password

Confirm password: isi ulang pasword yang sama.

Website: Isi alamat Blog atau website sobat

Setelah semua kolom sobat isi, Lalu centang I agree to the Cbox kemudian klik Create My Cbox. 

Selanjutnya akan muncul gambar di bawah ini, Pilih Login

 

Isi kolom Account name dan Password yang sudah sobat buat, kemudian klik log in

  

Kemudian akan muncul tampilan di bawah ini.

Isi kolom Name, Password, confirm, Email, language, lalu klik Publish.

Copy code yang saya lingkari warna merah pada gambar di atas.

Kemudian masuk ke Blog sobat, pilih Tata letak kemudian klik tambah widget atau add a gadget lalu pilih HTML/Java script , Klik kotak konten lalu paste kode sobat didalamnya dengan menekan Ctrl V dan klik simpan.

CARA PASANG BUKU TAMU DI SAMPING BLOG

Sobat bisa pasang buku tamu autohide di samping kanan, caranya:

masuk di blog sobat selanjutnya pilih tata letak kemudian klik tambahkan gadget atau add a gadget, pilih HTML/Java Script kemudian klik kotak konten dan pastekan kode di bawah 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/AVvXsEgd5T0hUKO9Zq_pmy439oFktJSwMaAZKruWLK9jEnZIuTNvQikZhJKZniv1mo5Jw58JGyo518MXjm6YZz2F3B3G0frNdMPXmuTBZF4PIUrb_o1K5gJeI6ALfwaxJDjtnI3iwGylZnotl10/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">

pasang/pastekan disini code cbox sobat yang sudah di copy

<div style="text-align:right">
<a href="http://tutorialkomputer9.blogspot.com/2014/05/cara-membuat-buku-tamu-di-blog-dengan.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>

Langkah terakhir klik simpan.
selamat mencoba dan semoga bermanfaat.

Tweet