Cara Memberi Background Pada Chat Box ( Buku Tamu ) Di Blog

Respons: 1 komentar
                   Cara Memberi Background Pada Chat Box ( Buku Tamu ) Di Blog

mau bikin CHAT BOX ? liat aja cara dibawah 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(URL GAMBAR DISINI);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.
Kode berwarna BIRU adalah untuk mengatur tinggi gambar yang ingin kalian jadikan Background. Kalian sesuaikan sesuai tinggi widget Chat Box yang sudah kalian atur.

  • Terakhir tinggal kalian Save widgetnya.
gimana ? bisa ? kalau bisa ya alhamdulilah ^_^ .. jgn lupa JOIN blog ini ya ^_^


terimakasih dan sumber dari :  http://anonymous-bunshin.blogspot.com/2013/02/cara-memberi-background-pada-chat-box.html

1 komentar:

Copyright © Firdaus Anime Lovers

Sponsored By: GratisDesigned By: Habib Blog