Widget Tombol Link Chat Whatsapp Melayang di Blogger

Redaksi24 Mei 18, 2019

Untuk supaya situs Blogger Anda bisa memiliki tombol chat Whatsapp yang melayang, Anda perlu melakukan langkah-langkah berikut:

1. Di dasbor admin Blogger, klik menu "Tata Letak", lalu klik tombol "Tambahkan Gadget".

2. Pilih "Gadget HTML/JavaScript".

3. Di kolom "Judul" tidak perlu Anda isi apapun. Tapi untuk kolom "Konten" isikan kode di bawah ini:

<style>
.floatwa {
position:fixed;
bottom:2px;
left:0px;
background-color:none;
width:100%;
z-index:1000;
padding:2px;
margin:auto;
text-align:left;
float:none;
box-shadow: 0px -0px 0px #c0c0c0;
}
.tombolwa {
border: 1px #56aa71 solid;
background-color:#2f7e49;
width:90%;
padding:4px;
text-align:left;
margin:0;
border-radius: 5px;
margin:auto;
text-align:left;
float:none;
}
.floatwa a{
color:none;
}
</style>
<div class="floatwa">
<a href="https://api.whatsapp.com/send?phone=6287761234567&text=Halo%20Ada%20Yang&20Bisa%20Dibantu" target="_blank"><img border="0" data-original-height="640" data-original-width="640" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2pyFYFLdmCtu62oTJ_W6_H7BhEOdTt_52wn9jY1PZZYNm1f18tbdtJ1-8qiNElTvGx3XGqxa_8KheiV9W0w0jPMDEYtDEGX7F8m-s48WkTdeUx89Qch-Rkrh2xCXMAuWrDqj7x15UNRXh/s320/whatsapp+640x640.png" width="75" /></a></div>

4. Jangan lupa juga untuk mengganti nomor whatsapp dan juga kata pembukanya (bold warna merah di atas) sesuai keinginan Anda. Kode %20 adalah untuk spasi.

5. Klik tombol "Simpan" lalu lihat hasilnya di situs Anda.