Cara membuat Chatbox / guestbook

10 Mei 20122comments

Udah lama tdk share, dengan adanya kesibukan di dunia nyata. berhubung ada yang tanya tentang bagaimana membuat guestbook / chatbox langsung aja lihat dengan seksama cara membuat chatbox berikut ini :
Berikut langkah-langkah memasangnya :
1. Login akun blog anda
2. Masuk pada Tata letak (layout)
3. Pilih Elemen halaman (page element)
4. Klik Tambah gadget (add gadget)
5. Pilih HTML/Javascript
6. Masukkan kode berikut ini dalam kolom yang tersedia

kode hidden/Show chatbox left


Kode hidden/Show chatbox right



Berikut keterangannya..
<!-- KODE SHOUTMIX ANDA DISINI --> silahkan code yang berwarna merah anda ganti dengan code shoutmix / cbox / chatbox anda

1. top:100px = keterangan jarak icon hidden chatbox dari atas (top) sejauh 100 px
2. height:100px = tinggi (height) tampilan icon hidden chatbox yang sebesar 100 px
3. width:30px = lebar (width) tampilan icon hidden chatbox yang sebesar 30 px
4. border:2px solid #003e82 = warna (solid) dan ukuran border yaitu #003e82 dan border sebesar 2 px
5. background:#f3f6f7 = warna background pada chatbox saat ditampilkan
6.background:url('http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S2EvgsgQ7nI/AAAAAAAAA_k/gq8QRLZcHFs/s400/cbblue.png') no-repeat = icon hidden chatbox yang akan berguna untuk menampilkan chatbox yang disembunyikan
 Contoh lubanyuwangi

kode hidden/Show chatbox left

cari code di bawah ini pada colom diatas kemudian  ganti dengan code soutbox anda selesai dan semoga bermanfaat bagi anda. terimakasih.

Share this article :

+ comments + 2 comments

22 Mei 2012 2:18 PTG

keren gan...ajarin text area yang ada select all ad tutornya ga gan? ;))

29 Mei 2012 3:19 PTG

Tutorial membuat teks area selekt all, anda bisa lihat di sini "http://lubanyuwangi.blogspot.com/2012/05/cara-membuat-teks-area-seleck-all.html"

Catat Ulasan

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. lubanyuwangi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger