Ubahsuai Penampilan Cbox Anda

Sebelum ini Ana ada buat tutorial berkenaan Cara Memasang Cbox pada blog. Untuk kali ini, Ana akan cuba memberi sedikit sentuhan untuk mencantikkan lagi Cbox kita agar tidak terlalu suram dan memboringkan..

1. Ok perkara pertama yang perlu kita utamakan adalah warna Cbox kita. Kalau boleh kasi masyuk dengan warna template kita. Banyak yang Ana jumpa masih menggunakan warna default, blue classic! Ok untuk tukar warna klik Look & Feel => Edit Style pada akaun Cbox Antum. Cuba suaikan warna cbox Antum dibahagian ini.

Dah berpuas hati klik butang Apply dan siap.

2. Seterusnya menggantikan Smiley sedia ada dengan yang lebih menarik.

Klik Options => Smilies. Delete smilies yang lama tu kalau xminat. pastu ganti dengan link yang baru. Untuk smilies YM9 guna link ini. Cuma tukar nombornya saja untuk smilies yg lain.

http://i302.photobucket.com/albums/nn113/aburifaie/smiley/1.gif

Lihat Contoh Ini:
Klik new row untuk menambah smilies. Jangan lupa disimpan (save) jika sudah selesai menambah link dan kodnya.

3. Trik berikut ini adalah cara untuk memendekkan link url yg diisi pada Cbox.Cth: [link], [Email]. Kalau pada Shoutmix akan diset secara auto. Tapi tidak pada Cbox.

Klik Options => Posting Options.


Pada bahagian Message Options, klik On(Short Link) pada Autolinking.
Klik butang Save jika selesai.

4. Ok Trik terakhir untuk kali ini ialah untuk menambah text atau gambar pada Cbox. Tengok Cbox Ana. Ade ditambah dengan flash. Mungkin disini ada yang keliru. Harap dapat faham. Buka kod Cbox Antum yang ada di blog.

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<tr>
<td align="center">
<img style="border-top:#F804FF 1px solid;border-left:#F804FF 1px solid;border-right:#F804FF 1px solid" width="320" src="http://i302.photobucket.com/albums/nn11213/aburifaie/pesan-11.gif"/>
</td>
</tr>
<tr>
<td align="center">
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="250" src="http://www2.cbox.ws/box/?boxid=184583126&amp;boxtag=2765&amp;sec=main" id="cboxmain" scrolling="auto" style="border:#F804FF 1px solid;" width="320" allowtransparency="yes" name="cboxmain"></iframe></div>
<tr>
<td align="center">
<img style="border-left:#F804FF 1px solid;border-right:#F804FF 1px solid" width="320" src="http://i302.photobucket.com/albums/nn11453/aburifaie/slidbox.gif"/>
</td>
</tr>
<tr>
<td align="center">
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="78" src="http://www2.cbox.ws/box/?boxid=188345126&amp;boxtag=2765&amp;sec=form" id="cboxform" scrolling="no" style="border:#F804FF 1px solid;border-top:1px solid #F804FF" width="320" allowtransparency="yes" name="cboxform"></iframe></div>
</td></tr></td></tr></div>
<!-- END CBOX --><br/>

Kod2 merah adalah yang akan ditambah tuk diisi dengan gambar atau flash. Antum cuma gantikan Link bewarna biru saja.. Ana harap Antum dapat tokok tambah sendiri. Trik ni sesuai bagi Antum yang sudah memahami kod2 html. Bagi newbie boleh wat slow2.

OK..Harap Membantu...

Baca Lagi

Cara Memasang Chat Box

ChatBox atau Shoutbox..satu ruang untuk berkomunikasi diantara tuan blog dengan pengunjungnya. Ada macam² jenis chatbox yang biasa digunakan oleh blogger, antaranya Cbox, ShoutMix, Oggix, Tag-World, GoogleTalk dan lain².

Ok harini Ana nak buat tutorial khas untuk Cbox. Sebab Ana sendiri pun guna cbox, dan juga untuk yang bertanya. Ok caranya..

1. Masuk ke laman ini. Klik Cbox ni.


2. Klik pada Get your own free Cbox now! atau sign up di atas untuk daftar akaun.

3. Isikan maklumat di ruangan ini.. dan klik Create my Cbox jika selesai. Gambar dibawah akan muncul jika Antum sudah berjaya daftar.

4. Seterusnya Daftar masuk kedalam akaun menggunakan username dan pasword yang Antum create tadi.. Kalau boleh pasword ni sentiasa diingati.


5. Untuk mendapatkan kodnya klik pada publish!. Jika mahu menukar warna cbox ini klik pada Look & Feel => Edit Style.

6. Copy kod yang diberikan dan paste kedalam blog. Pergi ke bahagian Layout => Page Elements => Add a Gadget => HTML/Javascript.

Ok siap...!

p/s: Kalau nak edit color Cbox ini setelah ditambah di blog, cukup sekadar menekan butang save dan refresh blog Antum tanpa memasukkan kod yang baru.

Baca Lagi