CARA MEMBUAT
BUKU TAMU CBOX DI BLOG
Chat Box
atau Buku Tamu merupakan widget/aplikasi yang menampilkan form chat yang dapat
diisi oleh pengunjung sebagai tanda kunjungannya selain kotak komentar pada
bawah posting. Cara memasang cbox pada blog sangatlah mudah dan sederhana, kami
yakin Anda sebagai pemula dalam blogging tidak akan kesulitan.
Tidak usah terlalu lama langsung saja kita mulai cara membuat buku tamu dengan Cbox, berikut simak langkah-langkahnya :
1. Kunjungi situs http://cbox.ws/
2. Kemudian klik 'Sign Up' pada menu atas.
Tidak usah terlalu lama langsung saja kita mulai cara membuat buku tamu dengan Cbox, berikut simak langkah-langkahnya :
1. Kunjungi situs http://cbox.ws/
2. Kemudian klik 'Sign Up' pada menu atas.
3. Isi form
lengkap pendaftaran dari cbox, jangan lupa centang 'I have read and do agree
to the Cbox terms and conditions of service'.
4. Klik
'Create My Cbox!'
5. Pendaftaran berhasil dan Anda bisa langsung login Cbox, dan salinan rincian account cbox akan dikirim ke email yang Anda daftarkan.
6. Setelah Anda berhasil login Cbox, edit tampilan Cbox sesuai keinginan Anda.
7. Klik 'Look & Feel', untuk mengganti tampilan cbox, warna, font, dll.
5. Pendaftaran berhasil dan Anda bisa langsung login Cbox, dan salinan rincian account cbox akan dikirim ke email yang Anda daftarkan.
6. Setelah Anda berhasil login Cbox, edit tampilan Cbox sesuai keinginan Anda.
7. Klik 'Look & Feel', untuk mengganti tampilan cbox, warna, font, dll.
8. Kalau
sudah klik 'Publish!'
9. Copy
paste kode cbox dan letakkan pada HTML/JavaScript blog Anda.
Ø Selanjutnya
kita masuk keblog kita
1. Silahkan sign in dulu di akun blogger sobat.
2. Jika sudah masuk ke tata letak/layout.
1. Silahkan sign in dulu di akun blogger sobat.
2. Jika sudah masuk ke tata letak/layout.
3. Kemudian add gadget ,pilih
Html/javascript
4. copy paste kan 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/AVvXsEgeYmZNh73xcpqMb-Jlx-OZwZh0TA2XTyxhz_Wzm0_13TH_QkV6DlyNPdv9YyUU4E49lA7F_1FJ-bitCF2bkK2g-srO8Z4V7OUmx0IFlI7NyOLjgkVrhRExang9t89c0cHwz1tvynfQ9kI/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">
#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/AVvXsEgeYmZNh73xcpqMb-Jlx-OZwZh0TA2XTyxhz_Wzm0_13TH_QkV6DlyNPdv9YyUU4E49lA7F_1FJ-bitCF2bkK2g-srO8Z4V7OUmx0IFlI7NyOLjgkVrhRExang9t89c0cHwz1tvynfQ9kI/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 SCRIPTNYA DI SINI
<div
style="text-align:right">
<a href="http://blog-wongndeso.blogspot.com/2013/04/cara-memasang-buku-tamu-di-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>
5. Pada pasang
Script disini pastekan script dari cbox anda yang sudah anda buat, lalu klik
simpan ad disini
<a href="http://blog-wongndeso.blogspot.com/2013/04/cara-memasang-buku-tamu-di-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>