Membuat Buku Tamu di Blog Tersembunyi dengan Cbox

Kalau temen-temen perhatikan. disamping kanan blog ini ada Buku tamu. dimana temen-temen disana bisa meninggalkan pesan kesan, atau jejak kunjungan teman-teman di blog ini. jika teman-teman menyertakan pula URL blog, Bisa suatu saat saling berkunjung.

Hampir tak berbeda dengan kolom komentar di tiap posting. hanya saja lebih mudah dan ringan untuk meninggalkan jejak kunjungan di buku tamu daripada berkomentar.
Jika temen-temen ingin juga memasang Buku tamu seperti yang saya gunakan di samping. maka temen-temen bisa ikuti cara yang saya gunakan.

1. Kunjungi http://www.cbox.ws/
2. lalu Sign Up dan Buat akun disana. Temen-temen cukup menggunakan email.
3. lalu buat username dan password
4. isi alamat Website temen-temen
5. sampai nantinya, temen-temen bisa dapat kode script dari sana setelah temen-temen memverifikasi akun cbox temen-temen lewat email yang masuk.

Setelah temen-temen memiliki akun cbox dan kode scrip nya.. temen-temen cukup masukan ke widget di blog temen-temen.

1. login akun blog
2. tambah gadjet
3. Tambah HTML
4. lalu Copi paste kan Scrip cbox disana

Jika temen-temen ingin kotak cbox tersembunyi seperti yang saya miliki, maka tambahkan scrip seperti ini pada widget tadi. sehingga kurang lebih menjadi seperti ini :

<style type="text/css">
#gb{
position:fixed;
top:60px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:180px;
width:30px;
float:left ;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvS2yXFDIfJ9bjfNAJ65qtaPIl1sqUhNzzV6ElaqIOx6edkkmz5JCGxpXKGUGp2m3kkyYPhYtnIHe0Huqo1VTx7xe5NIPoRfMewu-1GUXOoPMYdr2ZQqGFW7z0TvH-VCcAOuV2ngbYn3ga/') 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">


SCRIP CBOX milik temen-temen


<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://pelajarterbaikupi.blogspot.com/2014/07/membuat-buku-tamu-di-blog-dengan-cbox.html">
sini
</a>

<div style="text-align:right">
<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>

Ganti Tulisan Berwarna Biru dengan Scrip Cbox yang temen-temen miliki. Lalu Save.

Baca Juga :
Cara memasang Musik di Blog
Cara Membuat Kotak Scrip di post Blog
cara membuat Gambar di Blog zoom otomatis
Membuat Daftar Isi Blog Otomatis
Cara Membuat Pesan Teks Di Blog Senatiasa Berubah Tiap Hari
Daftar Artikel Blog