Membuat Live Chat Box Melayang Di Blogger (Dengan Tombol Keren)

Membuat Live Chatbox Melayang Di Samping Blog

Tentang live chat di Blogger

Live chatbox merupakan salah satu fitur yang biasanya terdapat pada beberapa halaman situs. Live chatbox 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.

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 chatbox ini ada pula yang menyebutnya dengan buku tamu di Blogger (Blogger Guestbook), atau shoutbox, live chat, maupun chatbox dan quick chat. Semuanya mempunyai tujuan yang sama yaitu untuk menerima komentar pengunjung.

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.

Memasang live chat di 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.

Membuat Live Chatbox Melayang Di Samping Blog

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. Membuat Live Chatbox Melayang Di Samping Blog
  3. Tekan tombol "Copy to clipboard" pada bagian yang menampilkan kode embed chatbox milikmu
  4. Membuat Live Chatbox Melayang Di Samping Blog
  5. Letakkan kode embed sesuai letak chat yang kamu inginkan pada kode di bawah, ganti <!-- letakkan kode chatbox di sini --> dengan kode embed dari Cbox
  6. Gunakan kode ini untuk meletakkannya di sebelah kiri
  7. <!-- MARINGNGERRANG GUESTBOOK START -->
    <div id="hcl">
    <link rel="stylesheet" href="https://code.maringngerrang.com/chatbook-l.css" />
    <div class="hcl-wrapper">
    <!-- pastikan kamu sudah pasang "font awesome"! jika tidak, ganti <i class="fa fa-comments" aria-hidden="true"></i> dengan teks "Buku Tamu" -->
    <div class="hc-toggle" onclick="hctoggle()" title="LIVE CHAT!!!"><i class="fa fa-comments" aria-hidden="true"></i></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 -->
  8. Gunakan kode ini untuk meletakkannya di sebelah kanan
  9. <!-- 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

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!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel