Selasa, 01 November 2011

cara membuat chat box di blog/ website


situs ini menyediakan widgets untuk membuat chat box di website/ blog anda. jadi pengunjung yang online dapat langsung menulis komentarnya di chat box tersebut. anda bisa langsung chating secara online di chat box nya. dan lebih mudah dalam memberi komentar sebuah website ataou blog. sekaligus untuk mempromosikan website/ blog anda dengan mudah.contoh gambarnya:

chating box shoutmix

1. Langkah pertama adalah anda harus login ke situs ShotMix di www.shoutmix.com



2. Pada jendela ShoutMix setelah anda masuk ke situs ShoutMix ini (lihat gambar di atas), klik pada tulisan ” CREATE YOUR SHOUTBOX NOW” (lihat lingkaran merah no. 2).

3. Anda akan dibawa pada jendela baru seperti di bawah. Isi seluruh kolom yang diminta (kotak merah 1), klik pada kotak merah 2 sebagai tanda setuju dengan ketentuan yang pemilik situs ShoutMix ini tetapkan, dan klik pada tulisan ” Continue” (kotak merah 2).



4. Selanjutnya anda diminta memilih style shoutmix yang anda inginkan. Ada 5 jenis style, dan anda perlu memberi pilihan dengan mengklik pada kotak yang ditunjukan pada tanda kotak merah 1, kemudian lanjutkan dengan mengklik tulisan “Continue” (kotak merah 2) untuk melanjutkan. Lihat gambar di bawah.



5. Di sini anda selesai untuk membuat account di ShoutMix dan memilih jenis tampilan shoutmix yang akan anda letakan di blog anda (lihat gambar bawah). Untuk mendapatkan kode shoutmix sehingga dapat ditambilkan di blog anda perlu masuk ke jendela control panel dengan cara klik pada tulisan “go to my control panel now” (lihat kotak merah).



6. Pada jendela baru (lihat gambar bawah), klik pada tulisan ” Get Code ” (kotak merah) untuk mendapatkan kode html dari shoutmix anda.



7. Pada jendela baru seperti di bawah, anda akan dilihatkan ukuran dari ShoutMix yang nantinya akan ditampilkan pada blog anda (lihat kotak merah 1). Selanjutnya anda harus mengcopy seluruh kode yang berada di kotak di bawahnya (lihat kotak merah 2). Seperti biasa anda dapat mengcopy dengan mengeblok seluruh tulisan kode dan ketik “Ctrl+C”.



8. Pekerjaan di situs ShoutMix selesai. Sekarang buka blog wordpress atau blogdetik anda atau untuk mesin blog lain mungkin hampir sama. Masuk menu tampilan/design, klik “Widget”. Tambahkan sebuah widget “Text” dengan cara tarik dari lokasi widget dan tempatkan pada lokasi widget pada Sidebar yang anda inginkan (drag & drop).

9. Widget “Text” yang sudah ada pada loaksi sidebar harus anda edit dengan cara mengklik pada wideget tersebut (lihat kotak merah 1). Pada kolom judul teks anda bisa isi dengan judul shoutmix yang anda inginkan, misal “Tulis Pesan Di Sini” (lihat kotak merah 2). Kemudian pada bagian isi text, anda harus masukan kode yang telah didapat dari situs ShoutMix dengan cara ketikan “Ctrl+V” /Paste (lihat hasilnya seperti pada kotak merah 3). Selanjutnya anda simpan perubahan widget ini dengan mengklik “Simpan Perubahan”.

9. Lihat hasilnya pada situs blog anda.

Tidak ada komentar:

Posting Komentar