Cara Membuat Tombol Contact WhatsApp Melayang di Blog

This content uses Indonesian, please change to your language by pressing the translate button below.
Thank you for your visit.
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!!







8 تعليقات

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.

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

    ردحذف
  2. Untuk tombol chat lain seperti telegram apa caranya mirip seperti ini mas?

    ردحذف
  3. Bisa diterapkan di blog saya nih terimakasih infonya

    ردحذف
  4. Izin pasang gan, dan terima kasih tutorialnya.

    ردحذف
  5. keren... sudah dipasang, makasih gan..

    ردحذف
  6. Memudahkan pengunjung menghubungi pengelola blog.. makasih infonya kura

    ردحذف
  7. Bisa nih dicoba di blog nanti. Mksih mas ilmunya.

    ردحذف
  8. Bagus sih, minusnya ntr semua pd tau nomer pribadi haha.... Saya sih masih prefer pakai email

    ردحذف

إرسال تعليق

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.

أحدث أقدم