Friday, August 31, 2012

Cara buat buku tamu gratis dan melayang

cara membuat buku tamu di blog gratis
gini caranya:
1.Silahkan sobat kunjungi situs http://www.cbox.ws
2.Klik menu Sign Up pada menu yang berada di atas halaman tersebut
3.Isi form yang disediakan (jangan lupa centang tulisan I have read and agree to the cboc Terms and Condition Of Service)
4.Jika sudah terdaftar,silahkan sobat login dengan akun yang sobat buat tadi.
5.Klik menu Publish yang berada di atas halaman.
6.Copy semua kode HTML yang telah di sediakan

Okey,pembuatan buku tamu nya sudah selesai.Sekarang kita tinggal memasangnya di blog.Silahkan sobat ikuti beberapa langkah berikut

1.Login ke akun blogger sobat
2.Klik Menu Tata Letak/Rancangan
3.Klik Tambah Gadget (sebaiknya taruh saja di sidebar)
4.Klik HTML/Javascript
5.Pastekan kode HTML CBOX sobat tadi.
 6.Klik SIMPAN
7.Selesai
trus klo mau di buat melayang di samping kanan gini caranya :
 Ikuti langkah-langkah berikut ini :

1.Login ke akun blogger sobat
2.Klik menu RANCANGAN
3.Klik Tambah Gadget

4.Klik/pilh HTML/Javascript
 5.Masukan kode berikut di kolom yang telah disediakan

<!-- right hidden chatbox by http://www.andreykusanagi.com/ START -->
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">
masukan kode shoutbox/buku tamu sobat di sini
<br />
<div class="hc-credit">
<span style="float:left">

</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<!-- right hidden chatbox by http://www.andreykusanagi.com/ END -->

 6.Klik SIMPAN
7.Selesai

2 komentar:

Pesan

Saya harap bagi para pembaca untuk meninggalkan komentar di blog saya komentar kalian sangat berharga bagi saya dan jangan lupa untuk vote.