Skip to content Skip to sidebar Skip to footer

Cara Memasang Tombol Live Chat Whatsapp Melayang Di Blog

Cindri yanto - Cara Memasang Tombol Live Chat Whatsapp Melayang Di Blog Jika pada artikel sebelumnya saya pernah membahas mengenai WhatsApp yaitu Cara Memasang Ikon Chat WhatsApp Melayang Di Blog pembahasan sebelumnya hampir sama dengan yang baru akan kita bahas pada artikel kali ini hanya saja perbedaannya terletak pada ikon WhatsApp

Untuk ikon WhatsApp yang akan kita gunakan kali ini lebih simpel dari yang sebelumnya, hingga natinya bisa sobat terapkan sendiri di website baik yang menggunakan platform blogger maupun wordpress ataupun platform serupa lainnya, sobat tinggal menyesuikan saja setiap langkah-langkahnya karna untuk tutorial kali ini saya menggunakan platform blogger

Memasang Tombol Live Chat WhatsApp Costom melayang di blog atau website sangat bagus bahkan harus untuk di lakukan, dengan tujuan agar memudahkan setiap pengunjung blog dalam menghubungi kita. Lebih lagi jika sobat memiliki toko online bisa dikatakan wajib untuk di pasang tombol live chat whatsapp, agar sobat bisa memantau langsung melalui smartphone android sobat

Langsung saja berikut ini akan saya bagikan tutorialnya, sobat bisa mengikuti setiap langkah-langkahnya agar bisa mempraktek secara langsung

1. Sebelumnya sobat login terlebih dulu ke blog jika sobat menggunakan blogspot bisa klik disini blogger.com

2. Silahkan sobat copy terlebih dulu kode berikut ini
<style type="text/css">
/*WA Live Chat*/
.WAfloat{
position:fixed;
width:60px;
height:60px;
bottom:20px;
left:13px;
background: url(https://cindriyanto.com/-pMxKTo-Cxlw/Web-WeusiQI/AAAAAAAABbw/IFplaVYKPTw0W7sRINtRVNjMXLp3XkLCACLcBGAs/s200/WA.jpg);margin:0;padding:0;background-size:100% 100%; color:#FFF;
border-radius:55px;
text-align:center;
font-size:40px;
box-shadow: 2px 2px 3px #ddd;
z-index:100;
} .WA-float{
margin-top:16px;
} </style>
<a href="https://api.whatsapp.com/send?phone=62081370374834&text=Hello%20Admin%20" class="WAfloat" target="_blank"> <i class="fa fa-whatsapp WA-float"></i>
</a>
3. Kembali lagi ke dasboar sobat pilih "Tata Letak" > "Tambahkan Gadget" > "HTML/JavaScript"

4. Pastekan kode yang telah di copy pada langkah kedua tadi di kolom "HTML/JavaScript" jika sudah klik simpan

Sekarang sobat bisa cek di blog sobat apakah tombol live chat whatsapp sudah terpasang atau belum di blog sobat, cukup mudah bukan, selamat mencoba

Keterangan :
Ubah no WhatsApp yang telah diberi warna merah dengan no whatsapp sobat tanpa menghilangkan angka 26 karna angka 26 merupakan kode negara indonesia

Jika sobat ingin menambahkan kata-kata lain sobat tinggal menambahkan kode seperti berikut %20 untuk spasi, kode di atas saya tambahkan kata-kata Hello Admin