7 April 2024
Westoiku menerbitkan sebuah artikel yang berjudul tentang cara membuat atau memasang tombol whatsapp melayang di blogg.
Tombol chat seperti akun whatsapp sekarang memang sudah banyak penggunanya.sehingga tombol whatsapp bisa kita pasang di beranda blogger.whatsapp merupakan salah satu sebuah aplikasi chating yang terkenal.
Hampir semua pemilik smartphone mereka semua memiliki akun whatsapp.
Memasang tombol chat di blogger merupakan sebuah alat pintas untuk menuju kontak admin.
Buat para blogger yang mempunyai konten tentang berjualan , cara ini cocok sekali apabila di pasang di blog anda.
Tombol chat seperti ini akan membantu mempermudah pengunjung untuk melakukan pemesanan.
Adapun cara mereka yang berbeda seperti adanya penyedia kolom Contact Form , mungkin dengan tombol contact form website akan terlihat lebih profesional , namun tetap saja ada kekuranganya , yaitu : kita tidak mengetahui adanya interaksi yang di kirim melalui contact form apabila kita tidak membuka akun Gmail.
Jadi solusi terbaik adalah menambahkan sebuah tombol chat admin yang melayang pada blog , tapi yang jelas keduanya lebih baik di pasang , selain terlihat profesional maka bisa meyakinkan pengunjung untuk melakukan interaksi yang lebih mudah terhadap admin.
Pengguna lebih memilih mengarah ke tombol whatsapp , pada umumnya mereka telah terbiasa dengan cara ini , jika di banding dengan cara mengirim pesan melalui Akun Gmail ,, kalaupun ada pengunjung yang ingin mengirim pesan melalui Gmail , terkadang mereka sendiri kebingungan dengan cara tersebut , namun jika mereka bisa menggunakanya belum tentu dia bisa melihat balasan yang telah kami kirim.
Cara Memasang Tombol WhatsApp Melayang Di blogger.
Untuk cara pemasanganya cukup mudah , sobat tinggal mengikuti panduan berikut dari westoiku :
1. Buka Akun Blogger.
2. Pilih Thema "Edit HTML"
3. Cari kode </body> taruh kode ini tepat diatasnya
/* westoiku */
<a class='fixed-whatsapp' href='https://wa.me/628153763356909?text=Halo%20Kak' rel='nofollow noopener' target='_blank' title='Whatsapp' />
4. Ganti nomor diatas dengan nomor whatsapp milik anda.
5. Selanjutnya cari kode ]]></b:skin> taruh kode ini tepat diatasnya
/* westoiku */
/*Tombol Chat WhatsApp*/
.fixed-whatsapp{position:fixed;bottom:20px;right:20px;width:50px;height:50px;z-index:9999}
.fixed-whatsapp:before{content:"";background-repeat:no-repeat;background-size:34px 34px;background-position:center center;width:50px;height:50px;background-image:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='32' height='32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23ffffff' d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-color:#00C853;position:absolute;top:0;left:0;border-radius:100%;box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24)}
Terakhir klik simpan !
Tambahan Artikel.
Berikut berbagai macam tombol chat via whatsapp tampilan keren.
Anda bisa mencobanya sendiri.
Cara Membuat Tombol WhatsApp Keren Di Blogger.
Yuk lihat tombol chat whatsapp berbagai tampilan yang keren dan menarik
1. Tampilan keren.
/* westoiku */
<center><a href="https://api.whatsapp.com/send?phone=6285763356909&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/AVvXsEgRi4mgW29z2TsevInNGKqKHLsdw4gUcirpgfoEXjTdM3tDLlXHiCBRQwUA6JprFZXKSCOLA63QzOpkAbyA5iVkIKLv32DjPO9s8kfHScZ-gW4p8ffDKpd67wwhTD-P0C5LZPGGLz1vUsM/s200/Button-Chat-via-Whatsapp.png" width="200" /></a></center>
2. Tampilan Kekinian.
/* westoiku */
<center><a href="https://api.whatsapp.com/send?phone=6285763356909&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/AVvXsEgFCV5Az99T58d0yIbVbD1nV1as_Yq5xjDtyLgb0Xoy9mexRMMP5N3G_uRe3hR9c1kPjVlPTg6YLJ7F7RDbk2xzkq5Jo0tULn18VMbUXP-oMKTuRquz_v-F0Lf6HE2E6hFExjVespcSz2Y/s200/chat-via-WA-800x147.png" width="200" /></a></center>
3. Tampilan Konsultasi.
/* westoiku */
<center><a href="https://api.whatsapp.com/send?phone=6285763356909&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/AVvXsEjrKkBtOgb5uaQ8mKtDfUiXvvS1UIKVkwc_xTfIr8LFHMHm-8P7ugZRWEi1KBCDatDjTMEFBcOcPruUd4gyTX8OUCNxR1vGqZrqO4qwiCqnI7xbhXHLRlTLIIEfCIfimpV06BZQRSd9h44/s200/chat-via-wa.png" width="200" /></a></center>
4. Tampilan Jual Beli.
/* westoiku */
<center><a href="https://api.whatsapp.com/send?phone=6285763356909&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/AVvXsEiZshNZEibToFBw_x7ZfopWuDknT3LuG7DSlynWYfeIG44CcXpFBSrTWZRVhCoIxHLfUC7t3KBTqhggwvsWYC-wq3UVhjCs_vKzbl9jRIQ4nZkjvdkuYV2Tam6ETkkJtt48ll9hvYT_lNo/s200/pesan+WA.png" width="200" /></a></center>
5. Tampilan Simple.
/* westoiku */
<center><a href="https://api.whatsapp.com/send?phone=6285763356909&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/AVvXsEhQTk28mqq_SqmYV3v5lyV4I0hPQWK-MvKymnlIyGFkLo2wA3pJLBb6iitJvjrEue9p9ybOCFbCzno3PRjH3DwFlhsqDF1qmshBT7klM3lCpHG0ZJucPtLsxqaVku1qw1JEnkSLpw8eaGE/s200/WA.jpg" width="50" /></a></center>
Ganti nomor telephone yang berada di dalam kode dengan nomor anda.
Kini anda bisa mencobanya untuk di pasang pada blogger anda.
Pilih sesuai selara anda masing masing.
Post a Comment