Cara Membuat ChatBox Hidden di kanan Blog Cara Membuat ChatBox Hidden di kanan Blog

Pagi" Share yg Anget" biar g kedinginan

Mungkin ada beberapa Orang yang bingung bagaimana cara membuat ChatBox ato ChatBox yg di Hidden di samping kanan Blog

Kesempatan hari ini saya akan MengShare cara Membuat ChatBox yg di Hidden di samping kanan Blog
langsung aja Baca Tutorial Lengkapnya :

1. Login ke Bloger

2. Masuk ke Tata Letak

3. Tambahkan Gadget pilih HTML/JavaScript

4. Masukan Kode :

<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('http://i971.photobucket.com/albums/ae193/Zendrymaulana/Wallpaper%20For%20Template%20Blogger/bukutamu5.png') no-repeat;}.gbcontent{
float:left;
border:2px solid #696969;
background:#000000;
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> 

NB: Tulisan Warna Merah adalah tempat menaro Kode dari ChatBox Blog Agan.

Jika Ingin Kode Html untuk Blog Agan Silakan daftar di :

-. http://www.cbox.ws/ 

-. Klik "Get your own free Cbox now!"

-. Isi Semua Kolomnya

-. Lalu akan di Suruh Log in, Silakan Agan Log in

-. Setelah Log in msk agan di minta Memasukan Password ke 2 Kolom

-. Apply

-. Klik Puslish

-. Ntar dapet Kode Html ChatBoxnya

-. Copy ke tulisan warna "MERAH" yang tadi

-. Simpan

NB: Tulisan Warna BIRU adalah URL untuk Tap ChatBox, silakan agan Bisa ganti sesuai URL Tap ChatBox yang sesuai dengan Blog agan.

Gambar Default : 

Berikut beberapa Url untuk mengganti Tap Buku Tamu, Masukan di Tulisan Warna Biru :

1. http://i971.photobucket.com/albums/ae193/Zendrymaulana/Wallpaper%20For%20Template%20Blogger/BukuTamu1.png 

Gambar 1

2. http://i971.photobucket.com/albums/ae193/Zendrymaulana/Wallpaper%20For%20Template%20Blogger/bukutamu5.png 

Gambar 2

3. http://i971.photobucket.com/albums/ae193/Zendrymaulana/Wallpaper%20For%20Template%20Blogger/bukutamu2.gif 

Gambar 3

4. http://i971.photobucket.com/albums/ae193/Zendrymaulana/Wallpaper%20For%20Template%20Blogger/Bukutamu6.gif 

Gambar 4

*Jika Masih Bingung Silakan Tulis di Komentar