Cara Menambahkan Widget ChatBox Show / Hide Melayang di Blog – Hallo Sahabat blogger indonesia, Kali ini saya mau memberikan tutorial nih bagaiaman caranya Memasang widget Chatbox Melayang di kanan, kiri , atas, bawah pada Blog dengan Efek Show / Hide.
Sebelum kita memulai tutorial ini pastikan kamu sudah mendaftar di http://www.cbox.ws/.
Untuk tutorial mendaftar di Chatbox / Chat Blog saya rasa tidak perlu dan saya anggap kamu sudah bisa mendaftar sendiri.
Cara Mengatur CSS Widget ChatBox
Kita lanjut aja ya, pertama silahkan kamu atur terlebih dahulu ukuran panjang dan lebar chatbox kamu sebelum kamu memasang nya di blog.
Klik Tab Look & Feel > Layout Option > Atur sesuai keinginan.
Setelah mengatur ukuran Chatbox kamu sekarang kamu design dulu dah warna (font,Background,Border) pada Chatbox kamu.
Untuk memilih tema kamu klik style preset , untuk merubah warna dan Fonts kamu pilih Color & Font.
Atau untuk lebih mudah nya kamu bisa mengedit Lewat CSS agar lebih mudah dalam pengeditan 😀
Klik Edit CSS untuk mengedit lewat CSS, ini contoh CSS Chatbox di blog:
Perhatian:
Save CSS nya bukan di Template yah melainkan di chatbox.
Silahkan atur dan modifikasi CSS Chatbox sesuai selera kamu, jika tampilan Chatbox sudah sesuai Selera sekarang kita tinggal memasangnya ke dalam blog.
Cara Modifikasi Kode CSS Chatbox Agar Lebih Menarik
Klik Tab Publishing > Maka kamu akan lihat menu seperti gambar berikut > Setting sesuai keinginan kamu.
Dari gambar di atas sudah terlihat jelas, tinggal kamu pilih aja Floating Button trus Copy-Paste Kode HTML nya trus pasang deh. Gampang kan 😀
Selanjutnya bagaimana cara untuk mengatur posisi Button-nya berada di kanan , kiri , bawah atau atas blog ?
Cara Mengatur Letak Widget Chatbox Di Blog
Cara nya sederhana, kita hanya merubah Style pada kode HTML tersebut, ikuti coding berikut :
Sekian dulu tutorial dari saya, semoga cara memasang widget Chatbox melayang di kanan / kiri blog dengan efek Show Hide ini bermanfaat.
UPDATE:
Bagaimana dengan Widget selain Chatbox ? misal seperti Shoutbox, Shoutmix dan lain lain. Untuk Tutorial Menambahkan widget Show / Hide Chatbox Shoutbox, Shoutmix, YourShoutbox dan lain lain.
Kamu bisa berkunjung ke artikel ini:
