Cara Membuat ChatBox (Blogspot)
Langsung saja ceeekkiiddoottt gan
Tapi sebulmnya Silahkan Klik Dulu Disini
- Setelah masuk ke situs langsung klik Sign Up ( daftar terlebih dahulu ) dan isi kolom kolom yang kosong tersebut.
- Setelah daftar langsung Log in dengan akun yang sudah anda buat tadi.
- Klik Publish
- Anda juga bisa atur warna dll Chatbox dengan Mengeklik look & Feel
- Selanjutnya Copy Kodenya ( Copy to Clipboard )
- Dan selanjutnya letakkan di blog anda dengan cara masuk ke akun blogmu - Klik Lay Out - Add a Gadget - Pilih Add HTML - Lalu masukkan kode tadi kesitu - Save.,
- Terakhir Lihat Hasilnya.,.,
<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">
KODE CHAT BOX DISINI
<div
style="text-align: center;"><span style="font-size:
10px;"><span style="font-family: "Trebuchet
MS",sans-serif;">Mau Widget Ini? <a href="http://technocell88.blogspot.com/2013/03/cara-memasang-chatboxbuku-tamu.html"
target="_blank">Klik
Disini</a></span></span></div><div
style="text-align:right"><a
href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
NB : Yang Tulisan Warna Biru, Boleh Diganti Sama URL Tap ChatBox Yang Sesuai
Buat Disebelah Kanan. Tapi Lebih Baik Jangan Diganti Karena Itu Saja Sudah
Bagus. Jika Tidak Diganti Akan Terlihat Kaya Gini :
Jangan Lupa Like Dan Follonya demi Kemajuan Blog ini
Artikel 
