artikelcara.xyz -Tips Memasang Tombol Chat Whatsapp Melayang Tanpa edit html Di Blogspot Hallo world pasti pemilik website ingin membuat tempat hubungi di website nya, yang berfungi untuk tanya jawab antara pemilik website dan pengunjung website. Dan juga cocok buat website jual beli online dan sejenisnya.
Dengan membuat tombol chat whatsapp di website juga berguna lho teman teman baik di segi tempilan website dan tempat berkomunikasi antara admin dan pengunjung , terkadang blog teman teman tentang tutorial terkadang ada visitor yang kurang paham bisa di tanyakan kepada pemilik website atau bahasa blog nya admin/penulis.
Dan pembuatan tombol nya tidak susah lho tema teman tanpa harus edit html atau edit template, dan hasil nya sangat menarik & memuaskan.
Bagaimana tampilannya menarik bukan? Nah jika tertarik ingin membuat tombol chat WhatsApp, pertamanya copy script tombol chat yang sudah saya sediakan.
<link rel=”stylesheet” href=”https://raw.githack.com/kirmanalidris/widget-whatsapp/master/css/widget-whatsapp.css”/>
<!– widget tombol whatsapp –>
<a class=”fa fa-whatsapp fa-3x animated infinite rubberBand” href=”javascript:void(0);” id=”wa-icon” onclick=”openModal()”><span class=”count”>1</span></a>
<div class=”kirman_alidris” id=”kirman_alidris”>
</div>
<!– whatsapp form –>
<div id=”whatsapp”>
<h3 class=”title”> <span class=”wa-title”><i class=”fa fa-whatsapp”></i><b>Kirim</b> WhatsApp!</span> <button class=”wa-x” onclick=”closeModal()”>×</button> </h3>
<div class=”wa-body”>
<input class=”hubungi” type=”hidden” value=”089621207814″ />
<!– Nomor WhatsApp –>
<div class=”grid-wa kirmanalidris”>
<label> <i class=”fa fa-user-circle”></i> <input class=”nama wa-input bagi” placeholder=”Nama Lengkap..” type=”text” /> </label>
<label> <i class=”fa fa-envelope”></i> <input class=”email wa-input bagi” placeholder=”Alamat E-mail..” type=”email” /> </label>
</div>
<div class=”mahir”>
<label> <i class=”fa fa-comment”></i> <input class=”pesan wa-input full” placeholder=”Tulis Pesan..” type=”text” /> </label>
<a class=”submit”>Kirim</a>
</div>
</div>
</div>
<!– widget tombol whatsapp end –>
<!– js tombol whatsapp –>
<script src=”https://raw.githack.com/kirmanalidris/widget-whatsapp/master/js/widget-whatsapp.js”></script></b>
nah teman teman jika sudah di copy script diatas sekarang kamu buka bloggers dan masuk ke tata letak
Sekarang kamu pilih tambahkan +gadget untuk menambahkan tempat tempel script.
Nah teman teman jika sudah klik tambahkan gadget, sekarang kamu tinggal masukkan menu html/Java script