Membuat Buku Tamu di Blog Tersembunyi dengan Cbox

Mungkin temen-temen biasa melihat di blog-blog orang lain terdapat buku tamu yang melayang maupun tersembunyi di samping. Hanya terlihat sebuah gambar sederhana bertulis buku tamu ataupun guest.  Disana adalah tempat dimana temen-temen bisa meninggalkan pesan kesan, atau jejak kunjungan teman-teman di blog tersebut. Jika teman-teman menyertakan pula URL blog, Bisa suatu saat pemilik blog akan berkunjung kembali ke blog temen-temen. Tentunya dengan harapan, temen-temen pun akan berkunjung balik nantinya.

Dahulu, di blog ini sayapun memasang buku tamu tersembunyi (bisa dilihat pada gambar). Namun, pada januari 2015. saya pindahkan ke Sidebar, sekedar ingin berganti suasana.

Buku tamu tersembunyi ini, hampir tak berbeda dengan kolom komentar yang ada di tiap posting artikel (sama-sama untuk meninggalkan jejak). Hanya saja buku tamu tersembunyi yang ada disamping blog ini lebih mudah dan ringan untuk meninggalkan jejak kunjungan di buku tamu daripada berkomentar, karena biasanya tidak ada chaptcha (memasukan kata/angka). Jika temen-temen ingin juga memasang Buku tamu seperti yang pernah 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://lh6.googleusercontent.com/-jQmcgMZSbJk/VLoZU5kXp5I/AAAAAAAACL8/P4ppXcB-evo/w30-h100-no/tabs_upi.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">


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