Fasilitas Chatting Gratis

Melengkapi fasilitas chating di website yang dipergunakan sebagai media bisnis online adalah hal penting, karena tidak semua orang akan memahami bahasa tulis, terkadang ada hal hal penting yang dianggap tidak jelas sehingga membutuhkan penjelasan live via chatting. banyak blog maupun website yang sudah memasang fasilitas chatting pada blognya. Apakah anda sudah memasangnya?

Cara memasangnya sangat simpel, tutorial ini sengaja memasang fasilitas chatting yang disembunyikan. supaya tidak mengganggu keindahan view website anda.

1. Login ke blogger sesuai dengan akun anda
2. Tambahkan gadget
3. kemudian copy script dibawah ini, paste di gadget HTML

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

.gbtab{
height:400px;
width:50px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8W5PMZE_yPk-saK68UhMTc6wS_RdIG7LPXQG7LtAGJ4bwknu7JEGvPJ3UakuteVg119tf3DYoqPYjjgJ58bdz92vzC-Zcs0_iOVadElmgy-96SGcUxeIJyMq5l7DtS6Omr8GytAOPirhw/s1600/33.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #dcdcdc; url() 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>
KODE mu dari www.cbox.ws
<br />
<div style="text-align:center">
<span style="float:right; color:#ffffff;">Terima kasih atas kunjungannya :) </span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>
4. Save, dan lihat hasilnya
Untuk tulisan yang berwarna merah, ubahlah sesuai dengan keinginan anda.
demikian tutorial Fasilitas Chatting Gratis

Share: