Home » » Cara Menambahkan Chat Room Di Blog Blogger

Cara Menambahkan Chat Room Di Blog Blogger

Menambahkan Chat Room di Blog adalah salah satu widget widget menarik akan saya berikan buat rekan semua. Widget Buku Tamu atau boleh juga disebut Widget Chat Room yang tersembunyi. Sehingga tampilan Widget ini tidak mengganggu tampilan halaman blog. Dengan memasang Chat Room di blog ini bisa membuat pengunjung berlama-lama di blog kita dikarenakan widget ini bisa membuat antara pengunjung dengan pengunjung lain yang mampir di blog kita bisa saling berintegrasi satu sama lainnya.
buku tamu di blog
Keunikan dari chat room ini, kamu bisa meletakkan wiget ini disi kanan blog dengan tanpa menggunakan ruang atau halaman posting bila hal ini tidak digunakan. Widget ini tersembunyi disamping blog dengan rapinya tanpa mengganggu pengunjung yang sedang membaca postingan atau artikel.

Bagi teman-teman semua yang berminat menggunakan widget ini, karena widget ini membuat kita saling berinteraksi, ikuti langkah-langkahnya sebagai berikut.:

1. Silakan teman mendaftar dulu atau Sign Up  di Cbox untuk mendapatkan kode script yang akan diberikan nanti.
2. Silakan kamu isi formulir yang telah disediakan oleh Cbox dengan tepat dan benar. Dan jangan lupa ceklis pada kotak yang juga telah dipersiapkan dan klik Create My Cbox.
3. Untuk mendapatkan kode Cbox silakan buka email yang dikirimkan oleh pihak Cbox dan lakukan Login sesuai dengan nama account yang kamu buat. Untuk tahap ini kamu telah mendapatkan kode Cboox yang akan diletakkan pada blog yang kita miliki. 4. Untuk meletakkan kode di atas pada blog, silakan kamu Log in ke blog yang kamu punya.
5. Pilih Tata Letak.lalu Klik Tambahkan Gadget.
6. Lalu klik HTML/JavaScript dan Copy paste kode di bawah ini guna membuat Cbox yang kita miliki tetap tersembunyi disamping artikel.

<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #003e5d; background:#Fffff00; 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">
 <!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="305" src="http://www3.cbox.ws/box/?boxid=3415307&amp;boxtag=bhrlgp&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3415307" style="border:#5500ff 1px solid;" id="cboxmain3-3415307"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www3.cbox.ws/box/?boxid=3415307&amp;boxtag=bhrlgp&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3415307" style="border:#00bb3f 1px solid;border-top:0px" id="cboxform3-3415307"></iframe></div>
</div>
<!-- END CBOX -->

<div style="text-align:right"> <a href="javascript:showHideGB()"> Salam Manis dan Sukses Selalu [tutup] </a> </div>
</div>

7. Dan jangan lupa untuk mengganti tulisan warna biru pada kode di atas dengan kode  yang di dapatkan di Cbox tadi.
6. Klik Simpan. Dan silakan teman lihat hasilnya.

Sekarang blog yang kamu miliki telah tersedia ruang bincang-bincang yang bisa dilakukan antar pengunjung dan juga pengunjung dengan pemilik blog itu sendiri. Semakin asik bukan..?

Semoga bermanfaat, Salam Blogger..



0 komentar:

Post a Comment

* Komentarlah yang sopan dan tidak mengandung sarah.
* Jangan gunakan Kotak Komentar dengan promosi produk serta usaha yang anda miliki. Silakan gunakan sarana Review Produk dan Jasa di blog ini. Maaf, akan dihapus.
* Terima kasih atas kunjungan, komentar dan partisipasi yang diberikan.

.