Cara Membuat Buku Tamu Tersembunyi di Blog

Siang gan, hari ini saya mau berbagi cara untuk membuat buku tamu tersembunyi di blog sesuai judul artikel ini.. sehingga gambarnya berupa seperti ini :

Langkah - langkah nya :

1. Pergi ke Cbox

2. Bagi yang memiliki akun Cbox, silahkan klik login.. dan yang belum bmemiliki silahkan klik sign up

3. Setelah mendaftar agan akan disuruh untuk login ke Cbox

4. Setelah masuk, silahkan edit sendiri tampilan cbox nya

5. Klik publish untuk menampilkan html code yg agan akan dapatkan setelah mengedit cbox agan

dan langkah selanjutnya, copy code 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/AVvXsEicpqtZmignlkgPpDT4x3npBx_x8NKwxCN2V-G1zZVM5nQBPjNI2Zdar38s7SO2JTZb-g1J7bge3H65J6JyFJC7sXa-s9XL5qIH032RvqFXGO678GcFQA7R3S0HwESmiAGYktfyPcyQh8FI/') 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 Paste Kode Cbox Agan di Sini 

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

<a href="http://www.banyon-cyber.tk/2014/08/cara-membuat-buku-tamu-tersembunyi-di.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>

Setelah meng copy code diatas, langkah berikutnya :

1. Login ke blogger
2. Masuk ke Tata Letak
3. Tambah gadget HTML Java Script ( Ganti Huruf yg warna merah menjadi kode Cbox mu )
4. Paste kan kode diatas di situ
5. Simpan, Liat hasil