Cara Memasang ChatBox Tersembunyi Di Samping Kiri Blog

Cara Memasang ChatBox Tersembunyi Di Samping Kiri Blog ~ Pada kesempatan kali ini,saya akan berbagi bagaimana Cara Memasang ChatBox Tersembunyi Di Samping Kiri Blog.Caranya sangat sederhana sekali.Bagi anda yang ingin memasang chatbox tersembunyi di samping kiri blog,bisa ikuti tutorial berikut ini.
Langkah awalnya anda harus mendapatkan kode chatbox tersebut,untuk mendapatkan kode tersebut klikdisini
Langkah selanjutnya yaitu masuk ke akun blog anda dan pilih menu Dasboard >> Layout >> Add a Gadget >> Pilih HTML/Javascript,kemudian pastekan kode dibawah ini kedalam gadget tersebut.

<!-- softsharest.blogspot.com - BOX START -->

<style type="text/css">

    .gb_fixed{

    position:fixed;

    top:290px;

    left:0px;

    z-index:+10;

    }

    * html .gb_fixed {position:relative;}

    #hidden_gb2 {

    display:none;

    border:2px solid #ff0000;

    background:Transparent;

    padding:10px;

    padding-top:0px;

    }

    </style>

    <div class="gb_fixed">

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

    <tr><td>

    <div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:White">Close</b></a></div>

<!-- softsharest.blogspot.com - START BOX -->


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

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

<div><iframe frameborder="0" width="200" height="300" src="http://www7.cbox.ws/box/?boxid=647512&amp;boxtag=lw6s79&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-647512" style="border:#ababab 1px solid;" id="cboxmain7-647512"></iframe></div>

<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=647512&amp;boxtag=lw6s79&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-647512" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-647512"></iframe></div>

</div>

<!-- END CBOX -->

<!-- softsharest.blogspot.com - END CBOX -->

    </td></tr></table>

    </div>

    <script src="http://wisnunugraha.googlecode.com/files/Hide%20ChatBOX.js"></script>

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

    <a href="javascript:void(0)" onclick="gb_showHideGB()">

    <img border="0" style="border:0px" src="http://i1123.photobucket.com/albums/l546/wizyuloverz/BloggerChat.png"/>

    </a>

    </div>

<!-- softsharest.blogspot.com - BOX END --></div>

Kemudian Save gadget tersebut dan lihat hasilnya.
Note: Untuk tulisan yang berwarna biru,ganti dengan kode chatbox anda.

Demikian tutorial bagaimana Cara Memasang ChatBox Tersembunyi Di Samping Kiri Blog,semoga bermanfaat bagi kita semua.