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...

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

Sebelumnya sobat memodifikasi konfigurasi cboxnya dulu. Yuuk !!!

1. Masuk ke Cbox.ws
Login dengan akun sobat !!!
2. Look & Feel - Style Presets

Pilih Transparent

3. Lalu masuk ke Look & Feel - Colour And Fonts

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 :
<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>
2. Pastekan pada Gadget ( HTML/Javascript )
Login Blog - Rancangan - Tambah Gadget - HTML/Javascript
3. 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