Membuat Widget Tombol Link Chat Whatsapp Melayang di Blogger



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=6287761298837&text=Halo%20Mantan%20Gaptek" target="_blank"><img border="0" data-original-height="640" data-original-width="640" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdTKWby23CnSQywUIhtmDQ2zf2YU9Rx9HUF4SXbudFWhNR_mhx_JEiOayE4OGT0UHXUu2GD9TVhPGRMB1WQjFR5_yCg2n527ectVSF3tv_0dVRCJzJbhrleSeaWEGSiE51PLTimo1k0eMa/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. 


Lebih baru Lebih lama