cara pasang tempat chatting yang tersembunyi

hallo....sobat semua,apa kabar??malam ini habis pulang kerja nih,langsung mo share untuk sobat semua,......kali ini saya akan coba share bagai mana cara pasang chating box yang tersembunyi,entah anda pengen pasang  cbox misalnya atau shoutmix,pokok nya terserah sesuai keinginan anda,Tempat chatbox ini akan membuka dan menutup secara otomatis bila cursor panah kita di arahkan ke situ,yah....contoh nya kayak punya saya itu lo sob,......kamu langsung bisa arahkan cursor anda ke pojok kanan atas,mau tau caranya anda langsung aja yuk!!!!!
1.login dulu itu pasti sob,.....
2.masuk rancangan
3.lalu tambah gatget kemudian tambah java script
kalau sudah copy paste kode di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Smile/traveller.gif') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #000000 url(http://i1182.photobucket.com/albums/x452/budywonk2/allr.gif) no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
<--LETAKKAN DISINI KODENYA!!-->
<br />
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>
</a>

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

kalau sudah tinggal di simpan,lalu lihat hasilnya,mudah kan sob???apa saya bilang ga ada yang sulit kalau kita mau.......,kemudian untuk warna hijau bisa kamu sesuaikan menurut selera anda kamu ganti,dan yang berwarna biru adalah disitulah tempat meletakkan kode chat box tersebut,dan kamu bisa ubah juga nilai2 yg ada disitu menurut kreasi anda,pokoknya jangan pernah menyerah untuk otak atik,he...he....untuk mendapatkan kode cbox misalnya kamu langsung bisa klik disini untuk shoutmix bisa disini,pokoknya terserah anda.udah paham kan sobat,kalau udah paham saya tak istirahat sebentar ya????mau copot kaos kaki dulu nih,bau..!!!!!he....he....he...semogaposting saya bisa bermanfaat untuk anda,salam persahabatan.









BACA JUGA YANG INI :

1 comment:

  1. ada lagi yang gratis gan, namanya wgchat.com
    bisa integrasi dengan ym gtalk dan facebook.

    ada versi gratis selamanya juga

    ReplyDelete

 
bila ada kejanggalan di blog ini,anda bisa tulis di komentar atau di catbox,jangan sungkan,blog ini di buat untuk persahabatan.maju terus bloger indonesia!!!