Cara Mudah Membuat Live Chat WhatsApp di Blogger - Bahry Logger

Sunday, October 14, 2018

Cara Mudah Membuat Live Chat WhatsApp di Blogger


Cara Membuat Live Chat WhatsApp di Blogger - Bagi Kalian yang ingin membuat live chat whatsapp? Pada kesempatan ini kita buat dah caranya, manfaat dari live chat whatsapp ini sangat baik bagi Kalian yang mungkin punya bisnis online agar Konsumen lebih mudah pada saat menghubungi pemilik Blog / Website.

Tapi bagi Kalian yang punya Blog walau bukan bisnis online. Blog Kalian mengenai tutorial atau apapun itu bisa juga Kalian terapkan live chat ini, bagi yang minat aja :D.

Langkah-langkah

Pertama buka Blogger > Tema > Edit HTML lalu tambahkan kode berikut tepat di bawah kode <head> atau &lt;head&gt; Apabila kode di bawah sudah ada di tema blog Kalian langsung lewati saja bagian

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

Lalu tambahkan kode berikut ini tepat di bawah </style> atau ]]></b:skin>

<style type="text/css">
/* Live Chat WA */
.LiveWA{
 position:fixed;
 width:50px;
 height:50px;
 bottom:20px;
 right:20px;
 background:#25d366;
 color:#3b7cc6;
 border-radius:50px;
 text-align:center;
 font-size:38px;
 box-shadow:0 8px 10px -5px rgba(0,0,0,0.15)
}
</style>

Kemudian tambahkan kode di bawah ini di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<div class='LiveWA'><a href='https://api.whatsapp.com/send?phone=+6285256560030'>
<i class='fa fa-whatsapp'/></a></div>

Terakhir simpan tema Kalian.


Note: Ganti +62856560030 dengan nomor WA Kalian.

Wassalam.

Subscribe To Our Newsletter

TOP