Membuat Background Cbox Dengan Gambar

Sobat, nih dia, kalo cbox kita bergambar, pasti yang mau nulis komen jugah pada seger matanya, hehe. Kan bosen liat cbox yang gitu gitu ajah. Kalo digambarin gimana? Boleh tuh dicoba. Contohnya, liat cbox di blog ini…

Mungkin lebih menarik, tapi kita harus menyesuaikan warna teks dengan warna background agar teks tetap dapat terbaca meskipun backgroundnnya bertabrakan warna.

Singkat aja, langsung kita praktekkan yuk,,,

1. Pertama, masuk dulu ke CBOX kamu.

2. Trus klik tab menu Look and feel, pilih Style Presets,

3. Nah, pilih Layout yang transparan,,

4. Kalo udah, masuk ke Layout Option

5. Ganti ukuran cbox kamu, tentukan:

width: 180
height: 275
Form Height: 117
Centang Alternative layout
Messages to display pilih yang paling banyak (yang bisa kamu pilih jika basic account pilih yang 20)
Trus Save

Jelasnya liat gambar dibawah ini:

5. Nah, trus selesai, kamu edit kode cbox kamu.
Pada cbox kamu, kamu cari kode
<div id=”cboxdiv” style=”text-align: center; line-height: 0″>

Kalo udah ketemu, kamu ganti kode tersebut dengan kode dibawah ini:

<div id=”cboxdiv” style=”text-align:center; line-height:0;background-position:center;background:url(URL GAMBAR KAMU);width:180px;height:350px;background-repeat:no-repeat;”>

Kode diatas yang URL GAMBAR KAMU itu kamu ganti dengan URL gambar kamu yang mau dijadiin background,

Simple deh gitu aja..

11 thoughts on “Membuat Background Cbox Dengan Gambar”

  1. mantap gan…..

    cara bikin background blog nggak gerak gimana ya..?? seperti punya agan ini, kan yg gerak cuma main contentnya aja ……
    tlong gan ya…

  2. Kakak Drak Ard + Kasih Contoh Gambar Backroung Aku Nyari Backroung aja dah di lihat adanya kegedean
    gk kelihatan full gambarnya tolong bantu ya plizzz!! :f: :f: :f: :f: :f: :f: :f: :f: :f: :f: :f: :f:

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>