Sabtu, 09 Maret 2013

Cara Memberi Background Pada Chat Box ( Buku Tamu )

1 komentar



Cara Memberi Background Pada Chat Box ( Buku Tamu )

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

Keyword : Cara Membuat Chat Box ( Buku Tamu ) Keren, Cara Membuat Cbox Keren Di Blog, Teknik Membuat Chat Box Bergambar, Tutorial Blog Unik.


Setalah lama tidak posting masalah blog karena bosan, 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(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.

Selesai. Silakan kalian cek hasilnya. Kalian juga bisa mengembangkannya dengan keKreatifan kalian. Sekian Tutorial kali ini. Semoga bermanfaat. Jika ada yang kurang jelas silakan kalian tanyakan di komentar.


Komentar

Leave a Reply