Pasang iklan disini

Minggu, 13 Mei 2018

Cara Membuat Tombol Chat Via Whatsapp keren di Blog

Kalo mau buat tombolnya anda bisa pake kode html dibawah ini Jadi anda tinggal copy, lalu Paste ke tempat yang anda inginkan (bisa wid... thumbnail 1 summary

Kalo mau buat tombolnya anda bisa pake kode html dibawah ini
Jadi anda tinggal copy, lalu Paste ke tempat yang anda inginkan (bisa widget, post lewat edit html, bisa sidebar, bisa mana aja)

Jangan Lupa edit kode yang diwarnain sesuai dengan data anda. 

Teks juga bisa diganti sesuai kebutuhan.

Langsung tinggal pilih salah satu bentuk desain chat wa di bawah ini.

1. Yang ini Biasanya untuk situs yang menerima kontak lewat WA


<center><a href="https://api.whatsapp.com/send?phone=628123456789&text=Halo%20Admin%20Saya%20Mau%20Tanya"><img border="0" data-original-height="88" data-original-width="350" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisc859syAxmFwDM6URFJghuZOYUYTjo4XSqS4lhJXw48oSKVtW9RGbWtMKCuQpUH9tRW9Bi_fdhT5mF7LHHeMoQZNt0QGDR_hXC_QzmGJuP0rE4blrgBixpEjqeNCuyPHCnuva95JYnn8/s200/Button-Chat-via-Whatsapp.png" width="200" /></a></center>

2. Ini juga, tapi warnanya lebih bagus, kekinian karena flat design



<center><a href="https://api.whatsapp.com/send?phone=628123456789&text=Halo%20Admin%20Saya%20Mau%20Tanya"><img border="0" data-original-height="147" data-original-width="800" height="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNn6uFGMQpJAWXOqHxr-ilKGWbQh8JrDLFujwCkm9POAfNgGnV3v0dpIjDYo-GcTjChIHbQfOpV6k9NEcab2kKOLyYhR6B5GNG2AYWzvYTDA1nSh1rT35z4Pv8BhaB8_e3tr0HY3QFc_s/s200/chat-via-WA-800x147.png" width="200" /></a></center>

3. Biasa digunakan untuk Situs Konsultasi


<center><a href="https://api.whatsapp.com/send?phone=628123456789&text=Halo%20Admin%20Saya%20Mau%20Tanya"><img border="0" data-original-height="147" data-original-width="600" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9PiyDFlB9COb8DHdEuhpdyCG0iEARn__ZFLejS4ei5DwK9wihakSIvKDFejBSSebt4PUmdXAY5y5_H0QsbwQY48Ju0JAXvVJ8ROOKa8Yhs0MGcqbjZaWRlhm7CqRv4AMuwBVy_hTVHA0/s200/chat-via-wa.png" width="200"  /></a></center>

4. Nah ini Tombol pesan Via WhatsApp yang cocok buat situs jual beli


<center><a href="https://api.whatsapp.com/send?phone=628123456789&text=Halo%20Admin%20Saya%20Mau%20Order"><img border="0" data-original-height="534" data-original-width="1500" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4CJE9Go00m0dYCwsdPfbh7BJD3o-TzQSDHPHM01nFGbYr81XExjf44CaXaWKrkoPrcrQXBi2YhYU7xda1Gn-_je7DCw-UPF_Zylb4O7LbcSTmgRxlHfLhaozcX7OGNRpaRJPVcCIIZCo/s200/pesan+WA.png" width="200" /></a></center>

Itu kodenya sangat cocok untuk di dalam halaman postingan, sidebar ataupun widget. Nah kalau mau tombolnya hanya ikon kecil pun anda bisa, caranya tinggal ganti url gambarnya saja.

Contohnya ini

5. Tombol Chat WA Simpel

<a href="https://api.whatsapp.com/send?phone=628123456789&text=Halo%20Admin%20Saya%20Mau%20Order"><img border="0" data-original-height="1410" data-original-width="1400" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUxnqjpwSiG250eUuCzLkqnjccpTtaukrG1izIEHjmiokW8nAFj9Rwsr5DUiluJAqJcqPQnD09JlajjcAp6MDxAYsOeGAMF4wnBNhB3A18864Yk1xySh7St-Pk7OmaHQctqKYOo4PYCAQ/s200/WA.jpg" width="50" /></a>

Itu bisa ditaruh dimana saja, yang cocok. Jika ingin ukuran lebih kecil atau besar ganti saja angka 50 yang hijau itu dengan ukuran lebih besar atau kecil.

Terima Kasih