Cara membuat live chat whatsapp melayang pada blog

Faronesia.com - Halo sahabat faronesia, live chat memang pada umumnya sudah sering kita temukan dibeberapa blog ataupun web. Fungsi dari tombol live chat sendiri yaitu memudahkan user untuk berinteraksi kepada admin atau pemilik bahkan pengelola website itu sendiri. Fitur live chat sangat membantu sekali dalam penerapan sebuah blog khususnya blog yang memuat tutorial, tips, bisnis, dan sebagainya. Jika user masih belum faham maka ia bisa menghubungi pengelola terkait dalam blog tersebut.

Nah pada kesempatan kali ini, admin akan membagikan tutorialnya cara membuat live chat whatsapp melayang pada blog. Penerapannya tergolong sangat mudah, anda hanya mengcopy code yang telah admin sediakan lalu menempelkannya sesuai perintah.

Seperti biasa, agar pemasangannya berjalan dengan lancar ada baiknya anda membackup template blog anda sebelum di modifikasi. Hal ini berguna untuk jaga-jaga jika anda salah menempelkan kode yang menyebabkan error pada template.


Demo silahkan lihat di pojok kiri bawah pada postingan ini yang berwarna oren

Cara membuat live chat whatsapp melayang pada blog
  • Masuk ke dashboard blog milik anda
  • Lalu masuk ke menu tema blog
  • Kemudian klik edit HTML
  • Tempelkan kode dibawah ini tepat diatas kode ]]></b:skin> atau </style>
/* Faronesia.com button whatsapp */
.faronesia-wabutton {
text-decoration: none;
position:fixed;
float:left;
z-index:100;
bottom:20px;
Left:20px;
color: #fff;
border-radius: 50px;
background:linear-gradient(to right, #f39c12, #f9690e);
text-align: center;
letter-spacing: .5px;
transition: .2s ease-out;
cursor: pointer;width:auto;padding:5px 3px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.faronesia-wabutton a{
color: #fff;
}
  • Setelah itu simpan tema
  • Selanjutnya Masih di dashboard blog anda
  • Lalu buat postingan
  • Klik html (disamping compose)
  • Pastekan kode dibawah ini pada halaman html tersebut
<div class="faronesia-wabutton">
<a href="https://wa.me/6281000000000?text=Hello%20hay" target="_blank">customer service <i class="fa fa-whatsapp"></i></a>
</div>
  • Ubah nomer whatsapp yang berwarna kuning dengan nomer whatsapp anda
  • Selanjutnya simpan postingan
  • Terakhir, silahkan cek postingan yang anda buat tadi dengan mengakses alamat blog anda
Demikianlah tutorial singkat mengenai Cara membuat live chat whatsapp melayang pada blog semoga bermanfaat untuk para pembaca dimanapun anda berada. jangan lupa share dan jika ingin tanggapan serta masukan silahkan di kolom komentar yang telah tersedia dibawah postingan ini.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel