Cara Membuat Chatbox Di Bloger

Assallamuallaikum Wr. Wb. 




haaaayyyyyy....... 
kembali bertemu bersama saya simakluk tuhan paling tampan sedunia maya  hahaha.
yak pada pertemuan kali ini saya akan apa tadi lupa  


apa yah 
arrrrggghhhhh 

huaaaa 
 tembaaaakkkkkk 
   dead  (haha konyol )
oh ya ingat saya akan membagikan trik blogging yaitu cara membuat chatbox di blog 

okelah gausah kebanyak basa-basi nanti malah jadi basi beneran  hakhakhak
Pertama kamu harus daftar/register disini senang disana senang  terus, otomatis link tersebut akan mengirim email ke emailmu, next buka emailmu yang buat daftar tadi.
cari di inbok atau spam emailu lalu buka link yang paling atas. nah disitu ada kode script terus jangan lupa di copy

selanjutnya kamu klik

 

klik Tambahkan Gadget --> klik HTML/Java Script

lalu copy pastekan kode dibawah 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6bWQJqxA61dCTr52vCZfgvjr7CLXIh72DAXLaIpcNCWh046PaAjrcJgdi0jvquJXvnb9uk1Mazy7ljqkt3XGJMUPSPvF9nnEIkMgqzh9GBDqGlEj0KlrOMVlGT6Mvphkt0Ui2UcMykSbW/s1600/cbblue.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: #F2F2F2; 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>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="200" height="305" src="http://www6.cbox.ws/box/?boxid=732423&amp;boxtag=lqjhyl&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-732423" style="border: 0px solid;" id="cboxmain6-732423"></iframe></div>

<div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=732423&amp;boxtag=lqjhyl&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-732423" style="border: 0px solid;border-top:0px" id="cboxform6-732423"></iframe></div>

</div>

<!-- END CBOX -->

<br />

<div style="text-align:center">

<span style="float:right; color:#000000;">Dapatkan <a target="_blank" href="http://ghaniyrezatama.blogspot.com/2013/09/cara-membuat-chatbox-di-bloger.html"> Widget ini! </a></span>

</div>

</center>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (50-gb.offsetWidth).toString() + "px";

</script>

</div>

Catatan : 
a. Kalimat yang diberi warna oranye, bisa kamu ganti dengan URL gambarmu sendiri.
b. Kalimat yang diberi warna merah, silahkan anda ganti dengan kode script Chatbox yang tadi di Copy di Email.

Terakhir tinggal klik Save 
jadi deh chatbox keren 

Sekian trik Blog ini. Kalo ada masalah bisa tanya di komen atau kolom Corat-Coret. Maturnuwun 

Wassallamuallaikum Wr.Wb. 

~Semoga Bermanfaat~