Setelah membuat artikel Panduan Memasang Chatbox Tersembunyi, kali ini artikel tentang cara-cara hendak membuat background ChatBox.
Panduan:
01 - Masuk ke dashboard ChatBox dengan ID anda.
02 - Klik pada Tab Look & Feel, kemudian klik pada Tab Colours & Fonts.
03 - Kosongkan semua ruangan BG yang bertanda MERAH. Lepas itu klik pada Tab Apply.
Contoh Kode ChatBox:
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="280" height="375" src="http://www6.cbox.ws/box/?boxid=397579&boxtag=sql4js&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#CCFF99 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="280" height="80" src="http://www6.cbox.ws/box/?boxid=397579&boxtag=sql4js&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#CCFF99 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
04 - Lepas itu klik Tab Publish untuk mengambil kode scrip seperti contoh diatas.
Panduan membuat gambar:
01 - PERHATIKAN height: 375 (Tinggi Main ChatBox) + 80 (Tinggi Cboxform) = 455px (Ukuran Tinggi Gambar)
02 - Width: 280px (Ukuran Lebar Gambar)
03 - Width harus disesuaikan dengan kolom diblog anda, begitu juga dengan height.
04 - Bila sudah siap buat gambar, upload ke photobucket.com atau mana-mana hosting. Lepas itu ambil URL gambar tersebut.
05 - Contoh URL yang telah siap:
Panduan Memasang Background ChatBox:
Masuk ke Blogger
Klik Tab Design
Klik Tab Add a Gadget
Pergi ke HTML/JavaScript dan klik untuk menampilkan satu pop-up
Salin kode dibawah ini:
<center>
<div
style="background:url(http://i755.photobucket.com/albums/xx200/Seri_07/Siti1.jpg) repeat;"40">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="280" height="375" src="http://www6.cbox.ws/box/?boxid=397579&boxtag=sql4js&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#CCFF99 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="280" height="80" src="http://www6.cbox.ws/box/?boxid=397579&boxtag=sql4js&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#CCFF99 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div></center>
Catatan:
Warna Merah - Gantikan dengan URL gambar milik anda.
Warna Biru - Untuk mengatur gambar background.
Warna Ungu - Ganti dengan kode ChatBox milik anda
Masukkan kode diruangan yang bertanda merah kemudian klik Tab SAVE. Lepas itu tekan sekali lagi Tab SAVE sebelah atas kanan. Lepas itu View Blog anda.
Panduan:
01 - Masuk ke dashboard ChatBox dengan ID anda.
02 - Klik pada Tab Look & Feel, kemudian klik pada Tab Colours & Fonts.
03 - Kosongkan semua ruangan BG yang bertanda MERAH. Lepas itu klik pada Tab Apply.
Contoh Kode ChatBox:
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="280" height="375" src="http://www6.cbox.ws/box/?boxid=397579&boxtag=sql4js&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#CCFF99 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="280" height="80" src="http://www6.cbox.ws/box/?boxid=397579&boxtag=sql4js&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#CCFF99 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
04 - Lepas itu klik Tab Publish untuk mengambil kode scrip seperti contoh diatas.
Panduan membuat gambar:
01 - PERHATIKAN height: 375 (Tinggi Main ChatBox) + 80 (Tinggi Cboxform) = 455px (Ukuran Tinggi Gambar)
02 - Width: 280px (Ukuran Lebar Gambar)
03 - Width harus disesuaikan dengan kolom diblog anda, begitu juga dengan height.
04 - Bila sudah siap buat gambar, upload ke photobucket.com atau mana-mana hosting. Lepas itu ambil URL gambar tersebut.
05 - Contoh URL yang telah siap:
http://i755.photobucket.com/albums/xx200/Seri_07/Siti1.jpg
Panduan Memasang Background ChatBox:
Pergi ke HTML/JavaScript dan klik untuk menampilkan satu pop-up
Salin kode dibawah ini:
<center>
<div
style="background:url(http://i755.photobucket.com/albums/xx200/Seri_07/Siti1.jpg) repeat;"40">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="280" height="375" src="http://www6.cbox.ws/box/?boxid=397579&boxtag=sql4js&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#CCFF99 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="280" height="80" src="http://www6.cbox.ws/box/?boxid=397579&boxtag=sql4js&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#CCFF99 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div></center>
Catatan:
Warna Merah - Gantikan dengan URL gambar milik anda.
Warna Biru - Untuk mengatur gambar background.
Warna Ungu - Ganti dengan kode ChatBox milik anda
Masukkan kode diruangan yang bertanda merah kemudian klik Tab SAVE. Lepas itu tekan sekali lagi Tab SAVE sebelah atas kanan. Lepas itu View Blog anda.