Thursday, October 31, 2019

Cara Membuat Tombol WhatsApp Live Chat di Blog

Thursday, October 31, 2019

Membuat Tombol WhatsApp

WhatsApp merupakan aplikasi chat messenger yang terdapat di perangkat smartphone dan bisa di gunakan untuk menelpon maupun mengirim pesan berupa text, gambar, video, visual suara, bahkan yang lebih canggihnya bisa video call. Aplikasi whatsapp messenger memang sangatlah populer di masa sekarang ini rata-rata setiap pengguna yang menggunakan smartphone android pastinya sudah memiliki akun whatsapp messenger.

Dan bagi yang belum menginstal aplikasi whatsapp silahkan dowload di google play store.Selain dari pada itu kita juga bisa memasang widget whatsapp messenger di blog, Maka dalam kesempatan kali saya admin blog ini akan membahas tentang cara dan bagaima memasang nya di blog, Untuk pemasangan terbilang sangatlah mudah, hanya menambahkan sebuah kode CSS atau HTML/Java
Script ke template blog.

Jika sahabat blogger semua berminat dan ingin menggunakan widget atau tombol whatsapp messenger live chat ke situs blog nya, tentunya ikuti dan simak baik-baik langkah atau tutorial sederhana nya yang akan saya paparkan di bawah berikut penjelasanya;

Langkah Memasang Tombol WhatsApp Mesengger Live Chat:

1. Masuk ke akun Blogger(www.blogger.com)
2. Kemudian pilih menu Tata Letak
3. Lalu Tambahkan Gadget
4 Setelah anda memilih opsi tersebut maka akan muncul dialog box halaman penambahan gadget dan pilih opsi HTML/Java Script maka akan muncul lagi dialog box halaman baru.
5. Lalu salin kode HTML/Java Script di bawah dan tempelkan ke kolom content widget dan biarkan judul widgetnya kosong, nah ini kodenya;
<style>
.floatwhatsapplivechat {
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;
}
.tombolwhatsapplivechat {
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;
}
.floatwhatsapplivechat a{
color:none;
}
</style>
<div class="floatwhatsapplivechat">
<a href="https://api.whatsapp.com/send?phone=6281234567895&text=Halo%20Selamat%20Siang%20Apa%20Kabarnya???" target="_blank"><img border="0" data-original-height="640" data-original-width="640" height="60" src="https://1.bp.blogspot.com/-8PVbJU6e12M/XbuowYnD2MI/AAAAAAAAFXs/xtjYBhEXLxsqxSjV72HUQH_A6-niL-yVQCLcBGAsYHQ/s1600/whatsapp%2Bchat%2Blive.gif" width="60" /></a></div>
6. Terakhir Save atau Simpan dan lihat hasilnya.

Demikian cara membuat tombol whatsapp live chat di blog, semoga bisa bermanfaat untuk semua nya salam blogger... dan selamat berkunjung, tinggalkan komentarnya ya...semoga sukses.

Show comments
Hide comments

2 comments on Cara Membuat Tombol WhatsApp Live Chat di Blog