Wicak ©_2013: Menambahkan Gambar Background Pada Cbox
Home » » Menambahkan Gambar Background Pada Cbox

Menambahkan Gambar Background Pada Cbox

Penasaran dengan judul diatas ??? Cbox adalah suatu buku tamu pada blog. Tau kan ??? Tapi kalo cbox dengan background sendiri udah tau ???

Yang belum tau lihat saja cbox pada blog ini, ato tidak silahkan lihat screenshot dibawah...

https://lh6.googleusercontent.com/-R5bc-JF3y6Q/Tfb6oPnTbkI/AAAAAAAAAbw/yL_fDvl6XAA/s128/cbox%252520background%252520byamatir.gif

Gimana ,, anda tertarik memodifikasi Cbox anda dengan background sendiri ??? Cek it out...

Sebelumnya sobat memodifikasi konfigurasi cboxnya dulu. Yuuk !!!
  1. Masuk ke Cbox.ws
  2. Login dengan akun sobat !!!
  3. Look & Feel - Style Presets
  4. https://lh3.googleusercontent.com/-6XisVPSFOdE/Tfb6mlBK7KI/AAAAAAAAAbo/ra1uhV2F7Ys/s128/cbox1.gif
    Pilih Transparent
    https://lh4.googleusercontent.com/-5xVCkZ78ffA/Tfb8L-5KOrI/AAAAAAAAAb4/w1V5HWzUgoQ/s128/cbox2.gif
  5. Lalu masuk ke Look & Feel - Colour And Fonts
  6. https://lh3.googleusercontent.com/-XzeMZ68YD18/Tfb6noh663I/AAAAAAAAAbs/sAT7R8wQeWM/s128/cbox4.gif
    Lalu edit sendiri warna, font, dll sesuaikan dg background yang akan anda buat nanti. Kalo sudah klik apply
Selanjutnya masuk ke tahap 2 [Persiapan Gambar] :

Lihat kode berikut :



<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0"
width="280"
height="260"
src="http://www4.cbox.ws/box/?boxid=3927739&amp;boxtag=35qxv5&amp;sec=main" marginheight="1" marginwidth="1" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="280"
height="100" src="http://www4.cbox.ws/box/?boxid=3927739&amp;boxtag=35qxv5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->


Pada kode cbox diatas,,

width : 280

height 1: 260
height 2: 100
Total height : 360

Jadi anda harus mempersiapkan gambar yang berukuran lebar : 280 dan tinggi : 360 atau 280x360
Silahkan anda cari gambar sendiri dari google atau anda mengupload sendiri pada hostingan seperti picasaweb.google.com atau photobucket.com.

Tahap 3 [Pemasangan] :
  1. Copy kode script berikut :
  2. <div style="background:url(http://cmdj.ru/uploads/posts/2009-12/1260159663_1252964436_wallpaper__union_flag_by_spiffingsailor.jpg) no-repeat center;"> Kode Cbox anda Disini !!! </div>
  3. Pastekan pada Gadget ( HTML/Javascript )
  4. Login Blog - Rancangan - Tambah Gadget - HTML/Javascript
  5. Simpan dan lihat hasilnya
Lihat contoh Pemasangan berikut :




<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div style="background:url(http://cmdj.ru/uploads/posts/2009-12/1260159663_1252964436_wallpaper__union_flag_by_spiffingsailor.jpg) no-repeat center;">

<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="280" height="260" src="http://www4.cbox.ws/box/?boxid=3927739&amp;boxtag=35qxv5&amp;sec=main" marginheight="1" marginwidth="1" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="280" height="100" src="http://www4.cbox.ws/box/?boxid=3927739&amp;boxtag=35qxv5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
</div>
<!-- END CBOX -->





<div style="background:url(http://cmdj.ru/uploads/posts/2009-12/1260159663_1252964436_wallpaper__union_flag_by_spiffingsailor.jpg) no-repeat center;">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="280" height="260" src="http://www4.cbox.ws/box/?boxid=3927739&amp;boxtag=35qxv5&amp;sec=main" marginheight="1" marginwidth="1" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="280" height="100" src="http://www4.cbox.ws/box/?boxid=3927739&amp;boxtag=35qxv5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->

</div>


Silahkan dicoba semoga anda paham dan berhasil... !!!

Silahkan Sebarkan Atau Copy Paste Artikel Ini Pada Website/Blog Anda,, Tapi Ingat Harus Menyertakan Atau Mencantumkan Alamat Blog Ini Pada Postingan Anda
© All Right Reserved

3 Respon:

Said Arsyad mengatakan...

wah, saya baru tahu gan.. tapi saya orangnya pengennya simple aja lah..

bopfive5 mengatakan...

siip mantab tapi ak gak pk chat box,mungkn untuk yg pk chat box boleh di coba.

Ilham Zone mengatakan...

Mantap kang,biasax sy cma pke' transprent i2 dlu waktu edit wap..hehehe2 dlu waktu edit wap..hehehe

Posting Komentar

Online: