Cara membuat chatbox slideshow di Pinggir Blog

Kurang lebih seperti itulah yang akan saya share kali ini,mungkin sudah bnyk yg share tapi tak apalah semoga ajja ada sobat yg lagi membutuhkan yang nyasar ke blog ini.

Caranya :
1. Login ke akun blogger sobat
2. pilih tata letak
3. Add gadget
4. pilih html/javascript
5. Buat dulu akun chatbox Disini
6. jika udah silahkan copy kode chatboxnya lalu pastekan dengan kode di bawah ini, :

<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/AVvXsEik5Wv0wYXZGpVG4DXKdNpaHGT3UjrzApPInNbwAc-qTuMLqZ4hkn0XQ54Vsz_nmv8tKDB5pHjyXsqLFaeWA_E4IaP0_hJ90ZVpajKniVEwgXQfqqxMCgsqxwzVb7E4bEqOPWCUs-0V3z9Q/s1600/cbblue-2.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">

 LETAKAN  KODE CHATOBOX SOBAT DIsini

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

 *Ganti tulisan 'LETAKAN  KODE CHATOBOX SOBAT DIsini' dengan kode chatbox yg tlah sobat buat tadi.

7. Jika udah di paste kan dengan kode diatas,copy lagi kode tersebut,lalu paste kan lagi di kotak javascript yang sobat tadi pilih.

8.save dan liat hasilnya..

Ket : yang tulisan warna biru itu gambar di pinggirnya seperti yg ada di blog ini. Jika kurang jelas bisa berkomentar...