CBOX dengan Background Gambar Kamu

Sekarang ada satu trik lagi yang bisa membuat cbox kamu tampak lebih semarak dan beda dengan yang lain. Lebih georgeous deh!!. Triknya yaitu dengan menambah gambar pada background standar cbox kamu.
Seperti yang dapat dilihat pada perbandingan kedua gambar di bawah ini :

Sebelum

Sesudah

Dalam default setting cbox, background yang ditampilkan tidak memiliki gambar, hanya memunculkan warna pilihan kamu saja. Kini background tersebut bisa ditambah dengan gambar yang kamu suka. Seperti yang terlihat pada gambar di atas sebelah kanan atau di bagian sidebar blog ini, background-nya sudah diganti dengan gambarbintang.

Jadi unik kan? CBOX kamu 'ga akan ada yang nyamain deh, dijamin Ingin cbox-nya kayak gitu juga? Gampang, ikuti aja langkah-langkahnya seperti berikut ini :

• Pertama tentukan gambar yang ingin ditambahkan ke dalam cbox kamu. Kemudian sesuaikan lebar gambar dengan lebar kode cbox yang disimpan di blog kamu (biasanya seh di bagian sidebar). Untuk tingginya, itu terserah maunya seberapa panjang cboxnya (kode cboxnya bisa disesuaikan nanti). Setelah itu, save dan upload di server sendiri (misal: photobucket atau imageshack).
• Kemudian login ke akun Blogger kamu. Klik LAYOUT/TAMPILAN blog yang ingin diubah kode sidebarnya. Lalu klik EDIT HTML. Sisipkan kode ini :

#cbox {<br />background: url(URL_GAMBAR_KAMU) no-repeat center;<br />}

di antara <b:skin><![CDATA[ dan ]]></b:skin>.
URL_GAMBAR_KAMU-nya diganti dengan url gambar yang sudah di-upload pada langkah sebelumnya tadi, copy dan paste-kan. Klik SAVE TEMPLATE.

• Sekarang login ke akun CBOX kamu. Klik tab Look&Feel pada bagian atas, pilih Edit Style, kemudian kosongkan bagian Main BG, Alt. BG, Field BGs, Button BG dan Form BG.
• Balik lagi ke blogger kamu, masuk ke bagian PAGE ELEMENTS, lalu tambahkan kode Ini:

<div id="cbox"> KODE CBOX KAMU </div>

di sebelum dan sesudah kode cbox kamu.

Contoh Yang Punya Tukang Arsip Gini Nih:

<div id="cbox">
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="100" src="http://www2.cbox.ws/box/?boxid=1955789&amp;boxtag=1144&amp;sec=main" id="cboxmain" scrolling="auto" style="border:#DBE2ED 1px solid;" width="200" allowtransparency="yes" name="cboxmain"></iframe></div>
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="75" src="http://www2.cbox.ws/box/?boxid=1955789&amp;boxtag=1144&amp;sec=form" id="cboxform" scrolling="no" style="border:#DBE2ED 1px solid;border-top:0px" width="200" allowtransparency="yes" name="cboxform"></iframe></div>
</div>
</div>

• Sekarang atur ukuran tinggi cbox-nya, sesuaikan dengan gambar yang sudah di-upload tadi.
• Klik SAVE dan lihat cbox kamu sudah "bergaya" sekarang
• Teman Semuanya Trik Ini Hanya Bisa Di Cbox

Jika ada pertanyaan..silakan komentar ya .

inspirasi : brave