Pasang Background Pada Cbox

Tutorial MampirBro kali ini yaitu cara membuat background pada buku tamu cbox. Sebelumnya saya sudah memposting Cara Menulis Berbagai Variasi Teks Di Cbox. Buku tamu cbox dengan background memang tidak saya terapkan pada blog mampirbro ini, tapi saya terapkan pada blog saya yang lain, yaitu di Ebook.mampirbro.web.id. Bagi sobat yang ingin membuat cbox nya berbeda dengan yang lain dengan memasang background pada buku tamu cboxnya, silahkan dibaca dan dipraktekkan tutorialnya dibawah ini.


Berikut Cara:

• Buka situs www.cbox.ws dan loginlah dengan akun sobat jika sobat sudah membuat akun di cbox. Jika belum, silahkan register terlebih dahulu.


• Pilih menu "Look & Feel" --> "Style Presents".

• Pada bagian layout ini, pilih yang "Transparant". Klik pada layout "Transparant" dan klik tombol "Confirm" hingga muncul status "Save" dibawah tombok "Confirm" tadi.

• Kembali ke menu "Look & Feel" dan pilih "Layout Options".

• Disini sobat bebas mengatur tinggi dan lebarnya widget cbox sesuai selera. Di Cbox saya memakai setingan sebagai berikut:

width: 200
height: 350
Form Height: 117
Centang box Alternative layout
Messages to display : ane pilih 20
Trus klik tombol Save







• Sekarang, klik menu "Publish" Pada menu bagian atas.

• Klik tombol "Copy to Clipboard". Dan copas kode scriptnya ke blog widget html blog sobat.



• Cari kode "<div id="cboxdiv" style="text-align: center; line-height: 0">" (kode ini tepat dibawah kode <!-- BEGIN CBOX - www.cbox.ws - v001 -->). Gantikan kode tersebut dengan kode dibawah ini:




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



*Ket:

• Kode warna merah adalah lebar dan tinggi dari gambar. Disesuaikan saja height dan weight nya dengan widget.


• Kode warna biru adalah url gambar yang dijadikan background. Ganti dengan url gambar punya sobat.

Selesai deh, mudah kan...
Jika cara diatas berhasil, maka sekarang cbox sobat telah terdapat background.
Hasilnya kurang lebih seperti gambar dibawah ini:



Semoga berguna dan bermamfaat
Follow twitter saya ya (twitter.com/mampirbro), ntar saya follow back