Hem, Cbox/Shoutmix boleh ada custom background ^@^) ! Ingat dulu trick mengayakan cbox hanya boleh dilakukkan pada Cbox, tapi kali ini gua sangat gembira apabila Shoutmix tidak dikecualikan berwajah baru selepas ini ~  

Bukan mahu pergi buat setting apa-apa / di mana-mana tapi kita sendiri tampil dengan idea yang baru > ‘mengbackgroundkannya’..

Sample :

(Ps : baru-baru ini gua dah belikan satu handphone di lelong.com.my, dan dengan itu blog ini pada masa yang akan datang akan ada wajah Eldy xD K, nanti gua cerita lagi, fokus dahulu entri tutorial.)

     Kita hanya cuma perlu mencantumkan Cbox/Shoutmix dengan background. Bunyi macam susah tapi benda ‘kacang’ ini jom kita belajar bersama-sama.. ha ~

Mari kita tengok kode di bawah :

<div id="cboxdiv" style="background:url(http://img504.imageshack.us/img504/8129/testingla.jpg) no-repeat left top; width:200px;height:320px;padding: 115px 0px 0px;text-align: center;line-height: 0">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="178" height="145" src="http://www2.cbox.ws/box/?boxid=1993675&amp;boxtag=ww7yn1&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:none;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="180" height="75" src="http://www2.cbox.ws/box/?boxid=1993675&amp;boxtag=ww7yn1&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:none;" id="cboxform"></iframe></div>
</div>
<!-- END CBOX –>

<div id="cboxdiv" style="text-align:right;font-family:verdana;font-style:normal;font-size:8;padding: 5px 10px 0px 0px;line-height: 1"><em>Idea oleh <a href=http://www.jejaktrend.com/ target="_blank">Eldy</a></em></div>

</div>

Bahagian merah : Merupakan kode background. (sukar gua hendak menjelaskan berapa luas dan tinggi / jarak padding ke atas,kanan,bawah,kiri gambar background, ..bergantung kepada kepada kebersesuaian kedudukan sejenis reka bentuk.) Bahagian ini kamu kena berani mencuba, cuba adjust size dan padding untuk nampak cun ~

Bahagian Biru : Merupakan kode cbox/shoutmix kamu. Kerja customization boleh dibuat pada setting di laman tersebut. Atas kertas kode, kerja customization yang kita boleh buat ialah lebar dan luasnya, jadi tekanlah kalculator kalau gagal matematik ^@^)” ~

Bahagian Hijau : Merupakan kode untuk paparkan ‘idea oleh Eldy’. Boleh bergerak ke kiri,kanan,bawah,atas dengan mengubah nilai padding: ?px ?px ?px ?px; (Pada masa hadapan pasti akan ada 'dicipta oleh xxx’, 'diasaskan oleh xxx’ dan banyak lagi ciplak kononnya dibuat oleh sesetengah pihak, jadi kamu pun boleh kedekut dengan menghapuskan kode bahagian ini (T.T)..

Dashboard > Layout > Add gadget > Edit HTML > Jangan masukkan kode di atas 100% > tekan Save.

     Benda ini memerlukan kreativiti dan kemahiran asas HTML. Kamu boleh letak gambar kartoon, gambar bergerak, background yang bulat, segi bintang, melintang dan sebagai.. ‘Customizationnya’ cukup besar ! Gua tidak mahu menyediakan sample dan kode lengkap untuk disalin kerana gua lebih suka apabila kita sama-sama mahir sesuatu dan menjayakannya. (agar x perlu tiap-tiap kali gua buat tutorial, ada lagi orang dewasa yang perlu diajar ABC.. ) xD

Selamat Mencuba (^.^) !