Cara Memasang Tombol Chat WA di Blogger

Assalamu'alaikum warohmatullahi wabarokatuh
Salam sejahtera untuk kita semua ...

Pembaca yang budiman, kita sering ya melihat tampilan blog/website yang keren-keren desainnya, terlebih kadang kita menemukan ada yang memasang tombol chat whatsapp atau telegram yang terdapat pada blog/website. Dimana tombol tersebut akan berfungsi jika kita pilih maka akan terhubung langsung pada pemilik nomer WA/telegram tersebut. Nah, biasanya ni ... menu ini dipakai oleh para blogger yang kontennya jualan/toko online. Karena akan memudahkan calon pembeli chat/japri langsung kepada penjual/pemilik toko online tersebut. Tapi boleh juga ko kita pakai pada blog yang kontennya umum ... iya kan ...

Nah, pembaca yang budiman kali ini saya akan mencoba berbagi sedikit pengalaman bagaimana cara memasang tombol chat whatsapp pada blog kita. Dan ternyata tidaklah sesulit yang kita bayangkan. Yo kita simak penjelasannya ...

Cara memasang tombol chat whatsapp di blogger :

1. Buka blog, lalu pilih menu TEMA

2. Pada tampilan tersebut, EDIT HTML maka akan tampil sebagai berikut:

3. Klik acak pada kode HTML, lalu tekan tombol Ctrl + F, maka akan muncul seperti berikut:

4. Pada menu Pencarian (search), ketik /body

5. Maka akan ditemukan tulisan </body> pada kode HTML, setelah itu copy pastekan kode berikut sebelum tulisan </body> tersebut.

<!-- GetButton.io widget -->

<script type="text/javascript">

    (function () {

        var options = {

            whatsapp: "+6285266256518", // WhatsApp number

            call_to_action: "Kontak Saya", // Call to action

            position: "left", // Position may be 'right' or 'left'

        };

        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;

        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';

        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };

        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);

    })();

</script>

<!-- /GetButton.io widget -->

Silakan ganti nomer whatsapp pada kode di atas sesuai dengan nomer kita masing-masing.

6. Selanjutkan pilih SIMPAN TEMA, lalu pilih KEMBALI

7. Kemudian kita coba lihat blog kita yo ... nah, maka tombol chat whatsapp sudah tampil tu pada blog kita

Nah ... pembaca yang budiman, kalau ingin bereksplorasi untuk menambahkan tombol lain selain whatsapp, misalnya telegram, IG, Line, dan lainnya silakan akses kode html nya DISINI

Oke .. selamat mencoba ...

Mungkin ini sedikit pengalaman yang saya ketahui dan dapat saya bagikan, apabila ada tulisan saya yang kurang tepat baik konten maupun ejaan agar dapat dimaklumi dan dimaafkan serta mohon saran dan kritiknya.

Mudah-mudahan tulisan ini dapat bermanfaat untuk kita.

Wassalam