Membuat Buku Tamu (Chat Box) yang Melayang di Blogger

Tentang live chat di Blogger

Live chatbox merupakan salah satu fitur yang biasanya terdapat pada beberapa halaman situs. Live chat box atau yang biasa juga dikenal buku tamu blog digunakan sebagai sarana lain tempat pengunjung berkomentar. Tidak terkecuali blog di Blogger. Beberapa pengguna Blogger ada yang menggunakan live chat pada halaman blognya untuk menerima komentar pengunjung dengan mudah dan cepat tanpa harus melalui kolom komentar pada sebuah postingan.

Jadi cara kerja dan fungsi dari live chat box (chatbox) ini sama seperti buku tamu untuk pengunjung blog. Pengunjung cukup klik ikon buku tamu yang disediakan kemudian memasukkan komentar mereka. Ada bermacam-macam posisi yang bisa digunakan untuk menempatkan live chat di blogger, baik itu dengan menggunakan tombol untuk memunculkan kotak chat atau dengan memasangnya langsung pada sidebar blog.

Live chat box atau buku tamu ini dipasang dengan menggunakan fitur dari aplikasi pihak ketiga, karena seperti yang diketahui bersama bahwa tidak ada fitur bawaan (default) yang disediakan Blogger untuk tujuan seperti itu. Chat buku tamu ini biasanya ada juga yang menyebutnya dengan soutbox di Blogger (Blogger Guestbook), atau live chat, maupun chatbox dan quick chat. Semuanya mempunyai tujuan yang sama, yang penting kamu sudah paham yang mana yang dimaksud.

Namun berbeda dengan komentar pada blog, live chat ini bersifat umum. Selain siapa saja bisa melihatnya namun juga tidak dikhususkan untuk suatu halaman posting saja. Semua chat akan muncul pada semua halaman yang menampilkan chatbox tersebut dengan isi yang sama.

Membuat live chat untuk Blogger

Ada beberapa cara untuk memasang live chat di Blogger. Yang pastinya membutuhkan bantuan layanan pihak ketiga, karena di Blogger tidak ada fitur khusus yang disediakan sebagai live chat. Namun sebagai contoh kamu bisa melihat demo live chat di sini.

Mendaftar di Cbox

Kamu bisa menggunakan Cbox untuk membuat live chatbox. Terlebih dahulu kamu perlu mendaftar Cbox di sini, atau jika sudah punya akun kamu bisa langsung login.

Mendapatkan embed code live chat

Setelah login atau mendaftar di Cbox, kamu bisa langsung memperoleh kode embed live chat yang bisa kamu pasang di blog kamu. Caranya ikuti langkah-langkah berikut ini:

1. Klik menu "Publish" di bagian atas

2. Tekan tombol "Copy to clipboard" pada bagian yang menampilkan kode embed chatbox milikmu

3. Letakkan kode embed sesuai letak chat yang kamu inginkan pada kode di bawah, ganti <!-- letakkan kode chatbox di sini --> dengan kode embed dari Cbox
4. Gunakan kode ini untuk meletakkannya di sebelah kiri

<!-- MARINGNGERRANG GUESTBOOK START -->
<div id="hcl">
<link rel="stylesheet" href="https://code.maringngerrang.com/chatbook-l.css" />
<div class="hcl-wrapper">
<div class="hc-toggle" onclick="hctoggle()" title="LIVE CHAT!!!"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkuNjE5IDIxLjY3MWMtNS4wMzggMS4yMjctOC43MTEtMS44NjEtOC43MTEtNS4xNjcgMC0zLjE3NSAzLjExLTUuNDY3IDYuNTQ2LTUuNDY3IDMuNDU3IDAgNi41NDYgMi4zMDkgNi41NDYgNS40NjcgMCAxLjEyLS40MDMgMi4yMi0xLjExNyAzLjA3My0uMDI5IDEgLjU1OCAyLjQzNSAxLjA4OCAzLjQ3OS0xLjQxOS0uMjU3LTMuNDM4LS44MjQtNC4zNTItMS4zODV6bS0xMC43MTEtNS4xNjdjMC00LjExNyAzLjgzNC03LjQ2NyA4LjU0Ni03LjQ2Ny44ODYgMCAxLjc0LjExOSAyLjU0NC4zMzgtLjAyMS00LjgzNC00Ljc2MS04LjMxOS05Ljk5OC04LjMxOS01LjI4MSAwLTEwIDMuNTI3LTEwIDguMzUyIDAgMS43MS42MTUgMy4zOTEgMS43MDUgNC42OTUuMDQ3IDEuNTI3LS44NTEgMy43MTgtMS42NjEgNS4zMTMgMi4xNjgtLjM5MSA1LjI1Mi0xLjI1OCA2LjY0OS0yLjExNS44MDMuMTk2IDEuNTc2LjMwNCAyLjMyOC4zNjMtLjA2Ny0uMzc5LS4xMTMtLjc2NS0uMTEzLTEuMTZ6Ii8+PC9zdmc+" /></div>
<div class="hclcontent">

<!-- letakkan kode chatbox di sini -->

<div class="hc-credit">
<a href="https://www.maringngerrang.com/" target="_blank" id="hccredit">Get now in Maringngerrang!</a>
</div>
</div>
</div>
<script type="text/javascript" src="https://code.maringngerrang.com/chatbook-l.js"></script>
</div>
<!-- MARINGNGERRANG GUESTBOOK END -->

5. Gunakan kode ini untuk meletakkannya di sebelah kanan

<!-- MARINGNGERRANG GUESTBOOK START -->
<div id="gb">
<link rel="stylesheet" href="https://code.maringngerrang.com/chatbook-r.css" />
<div class="gb-wrapper">
<div class="gbtab" id="gbclose" onclick="gbtoggle()" title="LIVE CHAT!!!"></div>
<div class="gbcontent">

<!-- letakkan kode chatbox di sini -->

<div class="gb-credit">
<a href="https://www.maringngerrang.com/" target="_blank" id="gbcredit">Get now in Maringngerrang!</a>
</div>
</div>
</div>
<script type="text/javascript" src="https://code.maringngerrang.com/chatbook-r.js"></script>
</div>
<!-- MARINGNGERRANG GUESTBOOK END -->

Memasang live chatbox di Blogger

Setelah menggunakan salah satu dari kode di atas selanjutnya kamu bisa memasang live chatbox di blog kamu. Ikuti langkah-langkah berikut ini:

1. Buka Blogger
2. Buka menu Tata Letak
3. Tekan Tambah Gadget (pilih letak mana saja yang kamu inginkan)
4. Pilih HTML/Javascript
5. Masukkan konten dengan kode yang telah kamu salin sebelumnya
6. Tekan tombol Simpan dan lihat hasilnya di halaman blogmu

Penutup

Itulah beberapa langkah yang bisa kamu lakukan untuk memasang live chat, buku tamu, chatbox, atau shoutbox di Blogger dengan mudah yang tampil melayang di sisi samping halaman blog. Jika ada hal yang kurang jelas, maka jangan sungkan untuk memberikan komentar kamu di bawah atau melalui halaman contact blog ini. Semoga artikel ini bisa bermanfaat, terima kasih dan sampai jumpa!