Selamat Datang Diucapkan Kepada Semua Pengunjung Blog Ini Segala Komen Dan Saranan Teman Teman Amat Seri Hargai

Panduan Membuat Background ChatBox

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&amp;boxtag=sql4js&amp;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&amp;boxtag=sql4js&amp;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:

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&amp;boxtag=sql4js&amp;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&amp;boxtag=sql4js&amp;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.

9 Pandangan:

~~su manje~~~ Januari 27, 2011  

panduan background tutorial seri
amat bermakna bagi pemula
su manje singgah di pagi hari
semoga seri sentiasa ceria

Blog su manje warnya hitam
blog seri berwarna hijau
su manje terasa nak pitam
sambil tidur boleh meracau

su manje kini dalam ceria
singgah disini sambil membaca
salam ziarah pagi su berada untuk tingkatkan traffik hajatnya....

kalau membeli sayur di kebun
tak boleh sikit banyak dibeli
su manje sudah bermandi embun
terasa pening sejuk sekali...

~~su manje~~~ Januari 27, 2011  

Blog hitam tak cerah
Blogger namanya Su Manje
thanks seri sudi singgah
Happy blogging dari su manje

Thanks sudi singgah
Muuuuuuuuuuuuuuahhhhhh!!!!!

~~~SU Manje~~

gnesop.com Januari 27, 2011  

nice sharing info..
pastikan guna gambar yg ringan.. jika guna saiz yg besat, shotbox akan berat

Amri Abd Rani Januari 27, 2011  

Kat shoutmix tu ada nama Pakwi je...kata2 xnampak, mngkin ini yg dikatakan tersembunyi tu..xbeh laaa camni...hihi

Asis Sugianto Januari 28, 2011  

gak bikin loading C-Box makin berat gak nih sob dengan adanya background,,

Seri Bahasa Januari 28, 2011  

~~su manje~~~@ tak terjawab seri dek pantun2 dari su...semoga ceria selalu.

Amri Abd Rani@ pakwi tak tersalah pasang? biasanya kalau oke semua kita klik tab SHOUTBOX dia akan keluar.

Asis Sugianto@ kecilkan gambar sekitar 10-15kb agar ringan loading.

~~su manje~~~ Januari 28, 2011  

Hari jumaat penghulu hari
solat jumaat jangan dilupa
su berblogwalking berhari hari
balas jejak sahabat semua

Blog seri blog bahasa
Hitam gelap background blog su
Bukanlah balasan su pinta
SEkadar singgah ke blog su

Indah sungguh di hari jumaat
Selawat dituntut di hari ini
Su ini taklah hebat
sekadar menumpang diBlog seri

toyolkiut Januari 28, 2011  

wah..
menarik ni..
TK pun nk cuba la nanti..

sampeweweh Januari 23, 2012  

menarik nih infonya sobat izin save ya hehe

Teman Setia

This Blog Is Proudly Sponsored By SURF7 Template Modified By Seri Bahasa Proud To Be A Kinabatangan Blogger