Senin, 04 Juni 2012

Chat Box pada bloger

hallo sahabat imut,salam moo moo... kali ini masih tentang menghiasi halaman blog kamu nih dengan chebok Chat Box. yang ini model nya kayak
chating gitu deh. jadi sahabat bisa liat langsung pesan apa yang pengunjung blog tinggal kan. nah penasaran kan ???? ayo buruan kita buat

step :

1. buka akun blog kalian
2.dafta chat box di situs ini


3. setelah itu klik Sign Up untuk buat kayak akun gitu trus isi deh folmulir nya. untuk pasword nya       
    terserah sahabat aja yang penting ingat dan username nya sebaiknya sekitar 9 karakter.
4. Setelah sahabat terdaftar, silakan login dengan account yang baru kita buat, kemudian pilih menu
    publish dibagian atas..

5. Dibagian bawah ada kolom berisi kode html, copy kode itu lalu tinggal copy paste deh di  
     Dashboard   -> Java Script
6.lalu priksa deh di halaman sahabat apakah sudah sesuai atau belum

selamat mencoba :')

jika sahabat ingin menyembunyikan Chat Box, caranya sebagai berikut :

1.copy paste kode ini di tempat sahabat meng-copypaste script yg d dapat tadi
<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/AVvXsEiYuFHxkDtJM-1U5ujUFuZZm6UZVsyD6m3tQVAWHv7rgjwdyPRA5XA80ssmgTHiRcOey9qysB2Icn6nDvblj-dGpiK08oZE-w68ARTrcOLvTwkqVYd_Wcry1IJ_yd1zeOIgZ2NH-fDrSpU/') no-repeat}.gbcontent{float:left;border:2px solid #666;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">

TARUH DI BAGIAN TENGAH SINI SCRIPT AWAL YANG SAHABAT DAPATKAN

</div></div><script type="text/javascript">
var gb=document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script> 



SELAMAT MENCOBA YA

Tidak ada komentar:

Posting Komentar