Cara Membuat Tombol Contact WhatsApp Melayang di Blog

Pilihan Editor :

Cara Membuat Tombol Contact WhatsApp Melayang di Blog
Penulis Bagus Surochman
1
Modus malam
AAA
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!!



1 komentar:

  1. Saya mau pasang gan terima kasih info tentang membuat tombol whatsapp nya

    BalasHapus

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.