Pada kesempatan kali ini saya akan membahas mengenai Cara Membuat Chatbox Dan Mengganti Background Chatbox , Chatbox atau sering disebut buku tamu adalah tempat kita chatting dengan blogger lainya , kegunaan lainya untuk menyebarkan Link agar saling visit , dan lain2 ..
Oke langsung aja caranya :
1. Masuk ke situs http://www.cbox.ws/
2. Jika belum punya akun , silahkan Sign Up
3. Nanti anda akan disuruh untuk mengisi beberapa data ..
keteranganya :
-. Cbox name ganti sesuai keinginan anda , ini yang nantinya akan dijadikan username untuk login
-. Email , silahkan masukan email anda , karena nanti anda akan disuruh untuk mengkonfirmasikan akun lewat email ..
-. Password , isi sesuai keinginan anda ..
-. Website, Isi dengan Url Blog anda
-. Language , silahkan pilih bahasa yang anda mengerti
-. Style , pilih Style yang anda inginkan .
Namun saya sarankan untuk memilih Style Transparant jika anda ingin menggantinya dengan background yang anda inginkan
Berikut contoh tampilan Stylenya
4. Setelah itu Ceklis di Kotak terms and conditions of service.
5. Lalu klik Create My Cbox , jika berhasil maka akan ada tampilan seperti pada gambar
6. Setelah itu anda tinggal konfirmasi kan akun anda lewat email .. sekarang periksa email anda , dan akan ada email dari cbox , lalu klik email tersebut ..
7. Setelah itu anda akan masuk ke Control panel , Silahkan login dengan akun yang anda buat barusan ..
8. Lalu dihalaman berikut anda akan menemukan kode HTML ..
9. Sekarang anda tinggal menerapkanya di blog anda , Silahkan copy kode berikut ..
Cara memasangnya :
1. Login ke Blog Anda
2. Pilih Menu Tata Letak
3. Tambahkan Gadget > HTML Javascript > Masukan Kode barusan ..
NB
"Hanya Style Transparent saja yang dapat diganti backgroundnya"
Jika anda ingin mengganti backgroundnya , Silahkan Cari Kode berikut ..
<div id="cboxdiv" style="text-align: center; line-height: 0">
Kemudian Ganti kode berikut dengan kode
<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;">
Keterangan :
Kode warna Biru ganti dengan url gambar yang akan dijadikan background cbox ..
Kode warna merah ganti dengan lebar dan tinggi gambar , sesuaikan saja dengan widget..
Oke, Sekian Tutorial sederhana tentang Cara Membuat Chatbox Dan Mengganti Background Chatbox ..
Semoga dapat dimengerti , Dan Bermanpaat khususnya bagi diri saya sendiri, anda dan orang lain ..
Semoga tutorial dan materi yang anda dapat kali ini dapat diAplikasikan dengan baik ..
Maap jika ada salah kata ataupun salah penjelasan ..
Jika ada yang tidak dimengerti silahkan ditanyakan di komentar ^_^
Sekian , Semoga Bermanpaat ..
