Cara Membuat Tombol Contact WhatsApp Melayang di Blog

KURAZONE ~ Halo sahabat Kurazer, pada kesempatan kali ini kita akan belajar membuat Tombol Contact WhatsApp yang Melayang di halaman Blog. Fungsi dari tombol WhatsApp ini mempermudah Pengunjung untuk menghubungi kita melalui WhatsApp. Trik ini sangat cocok apabila kalian menerapkan melalui Blog berniche Jual Beli atau Toko Online.

Berikut adalah Cara Tombol Contact WhatsApp Melayang di Blog
1. Buka Akun Blogger >> Pilih Tema >> Pilih Edit HTML
2. Copy kode CSS dibawah ini, kemudian letakkan (paste) diatas kode ]]></b:skin>
.kurachat {bottom:10px;right:10px;background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6);position: fixed; z-index: 99999999;border-radius:20px;padding:5px 10px 5px 5px}
.kurachat span{background:green;padding:3px 6px;border-radius:100%;color:white}
.kurachat a{color: rgba(0, 0, 0, 0.6)}
3. Copy kode HTML dibawah ini, kemudian letakkan (paste) diatas kode </body>
<div class="kurachat"><a href="https://wa.me/6285655656604?text=Saya%20tertarik%20untuk%20membeli%20mobil%20Anda" target="_blank"><span><i class="fa fa-whatsapp"></i></span> Hubungi Kami</a></div>
4. Ubah angka "6285655656604" menjadi nomor kalian
5. Ubah text "Saya%20tertarik%20untuk%20membeli%20mobil%20Anda".
Text %20 menandakan spasi.
6. Simpan Template

DEMO

Silakan lihat tombol WA yang melayang pada bagian pojok bawah kanan di halaman blog ini

Untuk tampilan warna silakan kalian eksplor sendiri
Hubungi Kami
Hubungi Kami
Hubungi Kami
Hubungi Kami

Itulah informasi mengenai "Cara Membuat Tombol Contact WhatsApp Melayang di Blog", selamat mencoba dan semoga bermanfaat. Goodluck!!








Lebih baru Lebih lama