Menu 2

Sunday, 17 June 2018

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://2.bp.blogspot.com/-r0rHrq1TNOE/WxcwYNkW5qI/AAAAAAAAAHY/FYAM-4h6eiwjteqEyoNqsdUeL3ODGLEOwCLcBGAs/s320/whatsapp%2B640x640.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. 


Blog Post

Related Post

Back to Top

Search Post