Cara Mendaftar Buku Tamu di CBox dan Memasang Kode CBox pada Blogspot

Langkah – langkahnya :

1.      Pertama buka situs www.cbox.ws

2.      Setelah itu klik Sign Up dan isi formulirnya sesuai dengan data-data Anda.

·         Cbox Name = Isi dengan nickname untuk cbox Anda

·         Email Address = Isi dengan alamat Email Anda

·         Password = Isi dengan password yang nantinya digunakan untuk login akun cbox

·         Confirm Pasword = ketik ulang password yang Anda tuliskan pada kolom di atas 

·         Website = Isikan dengan alamat blog Anda

·         Language = Pilih bahasa yang Anda suka, tapi ini tidak tersedia untuk bahasa Indonesia

·       Style = Pilih Tampilan yang Anda sukai dan contoh dari tampilan tersebut bisa Anda lihat pada bagian kanan formulir tersebut

Setelah semua diisi, silahkan dicentang pada tulisan "I have read and do agree to the Cbox terms and conditions of service."

3.      Setelah selesai klik tombol Create my Cbox.

4.      Setelah langkah Sign Up dilakukan dengan benar maka akan ada tulisan CBOX CREATED! pada halaman selanjutnya

5.      Buka email anda dan klik link yang di kirimkan CBox untuk konfirmasi

6.     Anda akan menuju Cbox kembali untuk mengambil kode yang nantinya akan dipasangkan ke blog Anda, setelah dapat maka copy kode tersebut,

Memasang kode Cbox tersebut di blog Anda dengan langkah – langkah di bawah ini :

Ø  Login ke akun Blogger

Ø  Klik "Tata Letak" dan "Tambah Gadget"

Ø  Pilih "HTML/Java script"

Ø  Copy dan Paste kode dibawah ini ke dalam kotak 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(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjey5L7bj0bAOAvUp10lAubZk1B4aVx0-GwKc0uW4mbW6do82fFnsJY5XPMz-ngzvkp48M0hwe5fvNaOP_rV6RoUslEzGM4Z18zloPIK4MdwH3vjvVC6L6V8oYc6cIIkSNKGzwscL8VvAI/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”>

Silahkan Pasang Kode Buku Tamu yang sudah di copy di CBox tadi Di Sini

<div style=”text-align:right”>
<a href=”http://giribig.com/2014/11/cara-membuat-buku-tamu-tersembunyi-di-samping-blog.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>

[/spoiler]

Ø  setelah itu paste-kan kode Cbox yang telah Anda copy tadi ke Tulisan Ini dan "Simpan".

Ø  Selesai