Memasang Tombol whatsapp Melayang di Postingan Blog

Cara Memasang Tombol Whatsapp Melayang Keren di Postingan Blog.

Memasang Tombol whatsapp Melayang di Postingan Blog
Memasang Tombol whatsapp Melayang di Postingan Blog

Hallo sobat bloger, saya dapat request dari salah satu pengunjung blog saya, melalui pesan email, yang isinya adalah, bagaimana cara membuat tombol wahtsapp melayang di blog atau postingan ?.

Maka dari itu saya langsung membuat tutorial ini untuk sobat yang ingin mengetahui cara membuatnya.

Majunya dunia internet saat ini membuat orang semakin mudah saja melakukan komunikasi baik yang berupa teks, telepon ataupun yang berupa video call.

Banyak sekali aplikasi yang bisa dibuat untuk melakukan komunikasi dengan siapapun saja, seperti halnya yang satu ini, yaitu whatsapp.

Whatsapp merupakan salah satu aplikasi yang saat ini banyak di kagumi oleh setiap kalangan dan hampir setiap orang menggunakan aplikasi tersebut.

Vitur - viturnya yang sangat mudah dipahami dan digunakan, juga bisa dibuat untuk mengirim gambar antar teman dan sanak family.

Siapa yang tidak kenal dengan aplikasi whatsapp tersebut hampir semua orang mengenalnya.

Trik yang saya berikan ini adalah berupa script yang caranya cukup mudah, dengan tampilan yang sangat dinamis serta enak dipandang mata.

Biasanya untuk membuat widget whatsapp harus melaui css atau menggunakan cara lainnya seperti whatshelp yang menyedikan widget whatsapp.

Tampilannya secara otomatis akan berada dibagian bawah blog, dan memanjang sesuai lebar handpone sobat.

Baca juga:
Memasang tombol whatsapp melayang keren di blogger ini sangat di sarankan bagi sobat yang memiliki blog, lebih - lebih  para bloger yang bergelut didalam bisnis, agar konsumen yang minat terhadap produk kita bisa langsung menghubungi sobat melalu whatsapp.

Memasang widget whatsapp sangat banyak sekali manfaat nya, contohnya:

  1. Memudahkan konsumen menghubungi sobat.
  2. Meningkatkan penjualan produk atau bisnis yang ditawarkan.
  3. Dan membuat tampilan blog kita akan lebih keren dan terlihat profesional.


Cara Memasang widget whatsapp Melayang

Silahkan simak baik - baik untuk memasangnya.

  • Pertama silahkan sobat salin script di bawah ini.
<style>
.floatwa {
position:fixed;
bottom:0px;
right: 0px;
background-color:#ffffff;
width:100%;
z-index:1000;
padding:1px;
margin:auto;
text-align:center;
float:none;
box-shadow: 0px -2px 2px #c0c0c0;
}
.tombolwa {
border: 1px #008000 solid;
background-color:#008000;
width:100%;
padding:10px;
text-align:center;
margin:0;
border-radius: 0px;
margin:auto;
text-align:center;
float:none;
}
.floatwa a{
color:white;
}
</style>
<div class="floatwa">
<a href="https://api.whatsapp.com/send?phone=6282111111111&amp;text=Halo%20Admin,%20Saya%20Mau%20Order%20Sekarang" target="_blank"><div class="tombolwa">KLIK DISINI ORDER VIA WHATSAPP</div></a>

  • Selanjutnya edit nomer yang warna biru diatas dengan nomer whatsapp sobat sendiri.
  • Jika sobat ingin mengganti kata - kata yang berwarna biru "Halo%20Admin,%20Saya%20Mau%20Order%20Sekarang" silahkan sobat ganti sesuai keinginan sobat, dan ingat untuk memberi spasi pada kalimatnya beri tanda "%20", dan jika ingin membuat enter silahkan tambahkan "%0A".
  • Kalau ingin merubah warna tombol whatsapp yang berwarna hijau tersebut silahkan sobat ganti kode "#008000" dengan kode warna yang diinginkan.
  • Setelah script diatas diedit, bila ingin tombol whatsapp muncul di setiap halaman/postingan, silahkan masuk ke dasbor blog sobat, pilih "tata letak" kemudian tambahkan "widget" dan pilih "html java script" kemudian tempel kode script tadi yang sudah sobat edit diatas dan klik simpan.
  • Bila sobat ingin memasangnya di postingan tertentu, sobat tinggal tempel ke dalam edit postingan, melalui "HTML" ingat bukan melalui "compose".
Ingin tahu tampilan tombol whatsalp melayang di halaman postingan, klik tulisan demo dibawah ini.

Cara membuat link whatsapp

Untuk membuat link whatsapp agar langsung menuju ke nomer whatsapp sobat, caranya sangat simpel sekali cukup kopi link dibawah ini.

https://api.whatsapp.com/send?phone=6282111111111&amp;text=Halo%20Admin,%20Saya%20Mau%20Order%20Sekarang.

Ganti nomer yang warna biru, kalau ingin memberi sebuah kalimat kata (teks) silahkan ganti kalimat yang juga berwarna biru.

Untuk fungsi %20 sebagai spasi dan bila ingin menulis kalimat baru dibawahnya tinggal kasih kode %0A kode ini diartikan dalam bahasa komputer adalah enter.

Penutup

    Itulah Cara Memasang Tombol Whatsapp Melayang Keren di Postingan Blog, mudah dengan tampilan yang sangat cantik.

    Semuga bermanfaat untuk sobat salam sukses selalu. Hehehe

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel