Cara Menampilkan Chat Box di Samping Pada Blogspot

Chat box, tentu teman-teman blogger sudah pada tahu kan apa itu chat box, kalau belum tahu coba cek gambar di samping kiri tu, kalau ingin tahu langsung coba aja anda arahkan kursor mouse anda ke sisi sebelah kanan dari blog saya ini yang ada gambar serta tulisan yang ga jelas agak ke atas dekat scroll bar kanan browser anda ini
. Kalau masih belum jelas langsung aja tanyain sama pakarnya "mbah google"

Hasil googling dan intip mengintip blog alias blogwalking akhirnya saya sedikit tertarik dengan cara menampilkan chat box yang bisa terselipkan di samping ini, selain mempercantik blog juga menghemat view space main page blog kita. Chatbox sering di fungsikan sebagai bukut tamu bagi kebanyakan rekan blogger dan untuk simplenya biasanya mereka membuatkan sebuah sub page "Ghuest Book" yang dimaksudkan untuk mengurangi tampilan depan blog sehingga dapat dimanfaatkan untuk fungsi yang lain.

Untuk langkah-langkahnya adalah sebagai berikut:

1. Log in ke blog kita

2. Tambahkan widget di design main page blog kita.

3. Copykan Script berikut dan sesuaikan dengan blog anda

------------------------------------------------------------------

<style type="text/css">

.gb_fixed{position:fixed;

top:60px;

right:-4px;

z-index:+10;

-moz-border-radius:3px;

border-radius:3px

}

* html .gb_fixed {position:relative;}

#hidden_gb2 {display:none;

border:1.5px solid #cccccc;

-border-radius:5px;

background:#F2F2F2;

padding:10px;

padding-top:0px;

-moz-border-radius:5px;

border-radius:5px;

}

</style>

<div class="gb_fixed">

<table id="hidden_gb2" cellpadding="0" cellspacing="0">

<tr><td>

<div>

<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="http://i1150.photobucket.com/albums/o606/ceritamiko/Close.png" title="Click to Close"/></a></div>

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

LETAKKAN URL CBOX/FIBOX/SHOUTMIX ANDA DI SINI

<!-- END CBOX -->

<div>

<center><blink><a href='http://ceritamiko.blogspot.com/2012/01/cara-menampilkan-chat-box-di-samping.html' target='_blank'>Get This Widget</a></blink>

</center></div>

<center>

</center></td></tr>

</table>

</div>

<script src="http://yourjavascript.com/21261405011/cbox-bitexp.js"></script>

<div style="z-index:+5" class="gb_fixed">

<a href="javascript:void(0)" onclick="gb_showHideGB()"><img style="border:0; cursor:pointer" src="http://s1150.photobucket.com/albums/o606/ceritamiko/CHATBOXbsar-1.png" />

</a></div>

----------------------------------------------------------------------------

Nah dari script di atas yang perlu anda lakukan hanyalah untuk memasukkan url chat box anda ke dalam tulisan "LETAKKAN URL CBOX/FIBOX/SHOUTMIX ANDA DI SINI", jadi deh chat box kita tampil di samping, selamat mencoba, maaf kalau