Agan ingin membuat buku tamu di blog agan, ternyata mudah dan tidak rumit. ini dia saya share cara buatnya, cekidot gan...
1. Agan masuk ke www.cbox.ws
2. login ke akun cbox, jika belum punya agan daftar dulu(abaikan link no.1 dan klik link ini untuk daftar
3. Isi semua data, centang kotak tulisan 'I have read and do agree to the Cbox terms and conditions of service'. kemudian klik create my cbox
4. Sign up/ login ke Cbox yang baru agan buat tadi
5. maka akan muncul layar spt ini
- agan klik publish (yang saya beri kotak warna merah),
- agan scrol kebawah, dan copas kode pada step 3 (jangan otak atik apapun/cuma copas kode) lihat gambar dibawah ini
6. Agan copy kode di cbox dan paste di tengah kode script dibawah ini:
1. login ke akun blogger agan
2. pilih tata letak >> add gadget/tambahkan gadget >> Edit HTML/JavaScript
3. Agan copas kode html poin 6 (di konten), untuk judul kosongkan saja.
-jangan lupa copas kode dari cbox, dan agan ganti Url warna coklat dengan Url agan(biarkan saja).
4. Simpan.
Sim salabim.... buku tamu agan telah selesai dibuat hehe... mudah bukan??
Sekian gan.. semoga bermanfaat, Jangan lupa bantu ane isi form survei ya.. cuman 1 menit
BANTU ISI SURVEI DISINI
Trim's
1. Agan masuk ke www.cbox.ws
2. login ke akun cbox, jika belum punya agan daftar dulu(abaikan link no.1 dan klik link ini untuk daftar
3. Isi semua data, centang kotak tulisan 'I have read and do agree to the Cbox terms and conditions of service'. kemudian klik create my cbox
4. Sign up/ login ke Cbox yang baru agan buat tadi
5. maka akan muncul layar spt ini
- agan klik publish (yang saya beri kotak warna merah),
- agan scrol kebawah, dan copas kode pada step 3 (jangan otak atik apapun/cuma copas kode) lihat gambar dibawah ini
6. Agan copy kode di cbox dan paste di tengah kode script dibawah 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/AVvXsEifxT6VrfYuwrw_hrl0mv0zpC7b2IlrVjWv7UVbZ3sf8iIdVzGdTgykdsrsCxLk9Pm7okatLNuF2cfAL6P41css79SoLZmmLBkr1EMEuoiwdvfY912TPJfU42EP5wC6RF3OTZ7X9JEwcBg/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">
Paste kode dari cbox yang tadi dicopy Di Sini
<div style="text-align:right"> <a href="http://www.zainalblogger33.blogspot.com/2013/05/cara-buat-buku-tamu-di-blog.html">Get This Widget</a>><a href="javascript:showHideGB()"> Close </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div></div>
Cara Memasang Buku tamu dari script diatas:Paste kode dari cbox yang tadi dicopy Di Sini
<div style="text-align:right"> <a href="http://www.zainalblogger33.blogspot.com/2013/05/cara-buat-buku-tamu-di-blog.html">Get This Widget</a>><a href="javascript:showHideGB()"> Close </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div></div>
1. login ke akun blogger agan
2. pilih tata letak >> add gadget/tambahkan gadget >> Edit HTML/JavaScript
3. Agan copas kode html poin 6 (di konten), untuk judul kosongkan saja.
-jangan lupa copas kode dari cbox, dan agan ganti Url warna coklat dengan Url agan(biarkan saja).
4. Simpan.
Sim salabim.... buku tamu agan telah selesai dibuat hehe... mudah bukan??
Sekian gan.. semoga bermanfaat, Jangan lupa bantu ane isi form survei ya.. cuman 1 menit
BANTU ISI SURVEI DISINI
Trim's
