Cara Membuat Tombol Whatsapp Melayang di Blog

Kuliahawan.com - Kali ini kuliahawan mau berbagi tutorial Cara Membuat Tombol Whatsapp Melayang di Blog  Tombol whatsapp ini cocok untuk website atau blog jual beli online.karena tombol whatsapp ini memudahkan pelanggan untuk memesan barang.

Jadi kamu tidak harus online terus untuk melihat pembeli yang mau order,jika kamu tertarik dengan tutorial ini silahkan simak tutorialnya di bawah ini.

Cara Membuat Tombol Whatsapp Melayang di Blog

Apa itu whatsapp ? Whatsapp adalah media catting online dimana kamu tidak membutuhkan pulsa melainkan menggunakan kuota atau wifi.Whatsapp saat ini banyak yang menggunakannya karena lebih simple dan menarik.

Membuat Link Whatsapp
1.pertama buka akun blogger kamu
2.Copy code di bawah ini


<a href="https://api.whatsapp.com/send?phone=62895325535522">
<img src="https://hantamo.com/free/whatsapp.svg" class="wabutton" alt="WhatsApp-Button" />
</a>
<style>
.wabutton{
width:40px;
height:40px;
position:fixed;
bottom:20px;
right:20px;
z-index:100;
}
</style>



3.Kalau sudah di copy silahkan klik menu Tata Letak,saya taruh cssnya di widget sidebar
agar lebih mudah caranya klik Tambahkan Gadget lalu pilih HTML/JavaScript.Kemudian copy
code css yang tadi sudah di copy paste

Cara Membuat Tombol Whatsapp Melayang di Blog

4.Kalau sudah jangan lupa mengganti link whatsapp kamu yang saya beri tanda warna biru gelap.Atau kamu bisa mengganti nomornya saja sudah bisa.
Jika ukuran tombol whatsapp merunut kamu kurang besar kamu bisa mengedit bagian yang saya
tandai warna biru gelap bagian width dan height Hasilnya bisa klik tombol demo di bawah ini.

2 Responses to "Cara Membuat Tombol Whatsapp Melayang di Blog"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel