Membuat Tombol Widget Whatsapp Melayang di Blog (Blogspot)

Membuat Tombol Widget Whatsapp Melayang di Blog (Blogspot)

Membuat Tombol Widget Whatsapp pada Blog (Blogspot)
Membuat Tombol Widget Whatsapp pada Blog (Blogspot)

Hallo sobat ruangcoder, artikel kali ini  Tutorial Memasang atau Membuat Tombol Widget Whatsapp Melayang atau Menambahkan Widget Whatsapp di Blogger / Blogspot sobat , yang tentunya sangatlah mudah, tapi apa sobat mengerti Apa itu Widget Whatsapp? Sedikit admin akan jelaskan , Widget whatsapp sebenernya hampir sama akan hal seperti Form Layanan Contact Us sobat bisa baca disini apa itu form layanan contact us, jadi Widget Whatsapp berfungsi untuk melakukan sebuah form layanan pesan atau panggilan , yang berfungsi dimana pengunjung dapat menghubungi Owner dari website tersebut , biasanya untuk Widget Whatsapp ini sendiri , sering kali dipakai di website penjualan , entah itu e-commerce, maupun web freelance yang bersifat Orderan , jadi akan lebih efisien , jika pengunjung tersebut langsung bertanya , kepada pemilik website atau blog tersebut , melalui Whatsapp , nah jika sobat tertarik silahkan sobat ikutin tutorialnya dibawah ini.

Cara Memasang atau Membuat Tombol Widget Whatsapp di Blog (Blogspot) :


Untuk Cara pemasangannya sangatlah simpel , sobat tinggal ke bagian Dashboard blog sobat , kemudian sobat pergi ke menu Tata Letak nah di menu tersebut bebas sobat mau melatakkan dimana , jadi sobat langsung saja Tambah Gadget pada bagian menu yang ingin sobat letakkan , kalo saran admin , letakkan di gadget yang letaknya di bagian Sidebar atau kalau gak ngerti di sisi bagian kiri aja. Kemudian akan muncul jendela baru , nah sobat silahkan pilih yang HTML/Javascript , seperti gambar dibawah ini :



Setelah memilih menu tersebut , sobat biarkan kosong saja untuk penamaan nya , dan sobat silahkan letakkan kode dibawah ini :




<style>.floatwa {position:fixed;bottom:2px;left:0px;background-color:none;width:100%;z-index:1000;padding:2px;margin:auto;text-align:left;float:none;box-shadow: 0px -0px 0px #c0c0c0;}.tombolwa {border: 1px #56aa71 solid;background-color:#2f7e49;width:90%;padding:4px;text-align:left;margin:0;border-radius: 5px;margin:auto;text-align:left;float:none;}.floatwa a{color:none;}</style><div class="floatwa"><a href="https://api.whatsapp.com/send?phone=Isi nomor telepon anda&text=Halo%20Admin" target="_blank"><img border="0" data-original-height="640" data-original-width="640" height="75" src="https://2.bp.blogspot.com/-r0rHrq1TNOE/WxcwYNkW5qI/AAAAAAAAAHY/FYAM-4h6eiwjteqEyoNqsdUeL3ODGLEOwCLcBGAs/s320/whatsapp%2B640x640.png" width="75" /></a></div>

Nah , tugas sobat sekarang adalah , silahkan ganti Isi Nomor , dengan nomor handphone sobat , tentunya yang ada whatsapp nya , dan untuk Hallo Admin silahkan sobat ganti sesuai keiinginan , jadi nanti itu pesan otomatis yang akan masuk , ketika ada pengunjung yang akan chat sobat , itu nanti langsung masuk ke whatsapp sobat,

Dan sobat tinggal melihat hasilnya deh , biasanya ada di pojok kiri atau kanan , jadi tutorialnya sampai sini aja , semoga bermanfaat ya , apabila bermanfaat silahkan share postingan ini , terimakasih sudah berkunjung

Anda mungkin menyukai postingan ini