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 kalian5. 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 iniUntuk 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!!