Cara Membuat Chart Box Berada di Samping Blog

Cara Membuat Chat Box Berada Di Samping Blog

                     Hello mas bro..... bax bro... akhirnya saya bisa posting lagi kali ini, ohya sejujurnya saya disini masih newbei dalam hal editing blog . tapi ga papalah yang penting disini saya akan berbagi kepada bloger semua  tentang bagaimana caranya membuat chart box yang menempel disamping dinding blong. Mau tau caranya?....

Yok kita langsung eksekusi....

Hehehe.....

1. Login Blogger Dulu Ya...
2. Masuk Aja Ke Tata Letak.
3. Add Gadget > HTML/JavaScript
4. Masukin Kode 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/AVvXsEh2KEqDC_DdcFMrNc5LO5G9xiVHSnowqym0C2M9w0CvcLfFSGWIlJzU-PaxgylVmOpZ5xdl_GbafNvZwJc_RJEOlYJkdSWFHlLj_dd4NYPC9cL3kZTA6CO5AEALORSqsUjQ_uZIRaJcjTg5/') 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">

KODE CHATBOXNYA DISINI

<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Mau Widget Ini? <a href="http://blogmartstein.blogspot.com/2012/11/Memasang-ChatBox-Tersembunyi.html" target="_blank">Klik Disini</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

catatan : Yang Tulisan Warna Biru, Boleh Diganti Sama URL Tap ChatBox Yang Sesuai Buat Disebelah Kanan. Tapi Lebih Baik Jangan Diganti Karena Itu Saja Sudah Bagus.

Yaudah segitu aja, ane pastikan itu akan work ko, jadi jangan takut untuk mencobanya oke.

Akhirnya sampai disini dulu postingan kita pada kali ini, jangan lupa comen dibawah ya