Modifikasi Background Buku Tamu dengan Gambar

Kali ini ane akan ngebahas tentang cara mendesign Background buku tamu dengan gambar. Pasti sobat semua ingin tahu tentang yang satu ini karena blog kita akan lebih kelihatan kreatif, yah walaupun bukan widget original kita sendiri... heheheh Sebenarnya widget ini milik sobat Dickeymaru tapi ane uda izin kok (belon dijawab sih tapi udah lancang_semoga empuhnya ijinin deh kan buat temen2 jg heheheh).... Caranya sih cukup panjang sob tapi jangan khawatir, tidak sulit sob..... Hanya saja ane tidak bisa mastiin trik bisa diterapkan dengan mengedit chatbox kita yang lama ato harus buat yang baru. Soalnya kalau ane sendiri langsung buat cbox yang baru sob....






Ok langsung saja.....
1. Login dulu ke Chatbox sobat sendiri
2. Klik Tab menu Look & Feel lalu Style Presets

3. Kemudian pilih Style Gallery yang Transparan

4. Kalau sudah, masuk lagi ke Layout Option

5. Ganti ukuran cbox kamu, contoh :
widht: 180
hight: 275
kosongkan centang pada Auto
form height: 117
No. of  messages to display : 20
klik Save

Setelah tahap diatas selesai, langkah selanjutnya adalah pengeditan kode cbox sobat
pada kode cbox sobat, cari kode <div id="cboxdiv" style="text-align: center; line-height: 0">

Kalau sobat sudah ketemu, 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;">

pada tulisan yang berwarna biru, gantikan dengan url gambar sobat yang ingin dijadikan background cbox. Saran saya, cari gambar dengan menyesuaikan warna teks dari cbox sobat agar teks dapat dibaca.

Sekian tutorial dari saya, semoga bermanfaat..!!!

sumber : chumhienk-mhienk.blogspot.com