CBOX dengan Background Gambar Kamu

Dulu pernah posting membahas tentang bagaimana membuat smiley gue bangetzz di cbox kamu. Kita bisa memasukkan icon-icon smiley yang kita suka ke dalam setting cbox-nya.

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 :

gambar cbox standar gambar cbox yang sudah di-edit

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

Jadi unik kan? ;) CBOX kamu 'ga akan ada yang nyamain deh, dijamin :D. Ingin cbox-nya kayak gitu juga? Gampang, ikuti az 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 :

    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 :

    di sebelum dan sesudah kode cbox kamu.

  • Sekarang atur ukuran tinggi cbox-nya, sesuaikan dengan gambar yang sudah di-upload tadi.

  • Klik SAVE dan lihat cbox kamu sudah "bergaya" sekarang huehehe :D

Selamat berkreasi ya!! Cheers!

4 komentar:

  1. Haloo... he he he.. nyoba ngasih comment dari PC temen neh di kampung :D

    ReplyDelete
  2. cieee...yg lagi jadi tutor :p
    sipp...sipp..sukses neh testing'y huehehe..

    ReplyDelete
  3. thanks atas ilmunya.....
    tarius12.blogspot.com

    ReplyDelete
  4. pusing.... bingung,, kurang jelaz...

    ReplyDelete

Pengen komentar, usul, kritik? Sah-sah az..ga bole malu2 yaaa =))