Tips Cara Membuat Tombol Chat WhatsApp Melayang Di Blogspot

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.

demo

Bagaimana tampilannya menarik bukan? Nah jika tertarik ingin membuat tombol chat WhatsApp, pertamanya copy script tombol chat yang sudah saya sediakan.

<b> <!– widget tombol whatsapp –>
<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 –>

🌟 ARTIKEL MENARIK :  Cara Perbaiki Blog Yang Ditolak AdSense Dengan Alasan Inventaris Berharga:Template Halaman

<!– js tombol whatsapp –>
<script src=”https://raw.githack.com/kirmanalidris/widget-whatsapp/master/js/widget-whatsapp.js”></script></b>

Salin Teks Script

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

Sekarang teman teman pasekan atau tempel script yang di copy tadi dan jangan lupa di ubah ke nomor whatsapp punya teman teman nanti jika ada orang yang kirim pesan biar masuk ke whatsapp teman teman.

nah jika sudah diubah nomor whatsapp nya untuk langkah terakhir klik simpan otomatis tombol chat whatsapp akan tampilan di website teman teman, paham sampai disini semoga bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *