Sabtu, 28 Januari 2012

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

14 komentar:

  1. Balasan
    1. :) hehehe untuk dokumentasi pribadi aja kok friend, soalnya ni jg masih belajar hehe

      Hapus
  2. http://ngengeba-buaya.blogspot.com/

    BalasHapus
  3. Dear pak bos..

    minta ilmu dunk...
    gimana cara buat labels seperti punya si bos itu...

    mohon info bos, saya pemula bos..

    thanks
    irwanginting

    BalasHapus
    Balasan
    1. keknya aku dulu pernah posting bos coba ntar ku cek dlu masih ada ga arsipku....agak-agak lupa sih soalnya secara materi aku juga tidak menguasai....ne jg hasil dari wangsitnya mbah google

      Hapus
  4. Tayangan blognya Bagus, artikelnya juga bermanfaat, keep writing

    BalasHapus
  5. download film hemat memory gratis disini http://filmmemoryrendah.weebly.com/ kualitas sudah bagus, coba aja
    http://filmmemoryrendah.weebly.com/

    BalasHapus
  6. http://adhitomkids.blogspot.com/

    BalasHapus
  7. ada lagi widget untuk livechat yang gratis gan,kayaknya cocok untuk website agan. namanya wgchat, webnya wgchat.com. asli bikinan indonesia, bisa integrasi dengan ym, facebook, dan gtalk juga.
    semoga bermanfaat.

    BalasHapus
  8. TheLineMAGZ artikel nya bagus, terima kasih sobat

    BalasHapus
  9. Bengkel Seal Sungguh artikel yang memberi inspirasi

    BalasHapus
  10. Bengkel Seal Sungguh artikel yang memberi inspirasi

    BalasHapus

Related Posts Plugin for WordPress, Blogger...