Hay Sobat, kali ini saya akan
memposting Bagaimana Cara Membuat Chat Box Dengan Background Gambar.
Kalian pasti sudah tahu apa itu Chat Box. Kalau belum tahu kalian bisa
melihat gambar di atas atau kalian bisa lihat sendiri di blog saya ini.
Bagaimana caranya? Untuk membuatnya, silakan kalian ikuti
langkah-langkah di bawah ini.
- Pertama, buka situs www.cbox.ws kemudian Log in terlebih dahulu jika sudah mempunyai akun. Jika belum punya, silakan Register terlebih dahulu.
- Jika sudah masuk, pilih menu Look & Feel, kemudian pilih sub menu Style Present.
- Pada bagian ini, banyak tersedia tampilan Chat Box yang disediakan, kalian pilih yang Transparent dan klik tombol Confirm. Lalu Save.
- Kembali ke menu Look & Feel, sekarang kalian pilih sub menu Layout Options.
- Di bagian ini kalian bisa menyesuaikan ukuran tinggi dan lebar Chat Box sesuai selera.
- Setelah selesai mengatur, sekarang kalian klik menu Publish!
- Kemudian kalian klik tombol Copy to clipboard dan kemudian kalian letakkan pada widget HTML kalian ( Dasboard->Tata Letak->Tambah Gadget->HTML/JavaScript ).
- Kemudian kalian cari kode di bawah ini
<div id="cboxdiv" style="text-align: center; line-height: 0">
- Jika sudah ketemu, kalian ganti kode di atas dengan kode di bawah ini
<div id="cboxdiv" style="text-align: center; line-height: 0;background-position:center;background:url(URLGAMBARDISINI);width:200px;height:350px;background-repeat:no-repeat;">
Keterangan :
Ganti kode berwarna MERAH dengan Alamat/Url gambar yang ingin kalian jadikan Background.
Kode berwarna HIJAU adalah untuk
mengatur lebar gambar yang ingin kalian jadikan Background. Kalian
sesuaikan sesuai lebar widget Chat Box yang sudah kalian atur.
- Terakhir tinggal kalian Save widgetnya.
Backlinks Please Thanks
URL |
Code For Forum |
HTML Code |