Tips Cara Menciptakan Tombol Chat Whatsapp Melayang Di Blogspot - Artikel Cara

artikelcara.xyz -Tips Memasang  Tombol Chat Whatsapp Melayang Tanpa edit html Di Blogspot Hallo world niscaya pemilik website ingin menciptakan daerah 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 menciptakan tombol chat whatsapp di website juga mempunyai kegunaan lho sobat sahabat baik di segi tempilan website dan daerah berkomunikasi antara admin dan pengunjung , terkadang blog sobat sahabat wacana tutorial terkadang ada visitor yang kurang paham dapat di tanyakan kepada pemilik website atau bahasa blog nya admin/penulis.

Dan pembuatan tombol nya tidak susah lho tema sobat tanpa harus edit html atau edit template , dan hasil nya sangat menarik & memuaskan.

demo


Bagaimana tampilannya menarik bukan? Nah jikalau tertarik ingin menciptakan tombol chat WhatsApp , pertamanya copy script tombol chat yang sudah aku 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 -->

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

Salin Teks Script


nah sobat sahabat jikalau sudah di copy script diatas kini kau buka bloggers dan masuk ke tata letak

Sekarang kau pilih  tambahkan  +gadget untuk menambahkan daerah tempel script.

Nah sobat sahabat jikalau sudah klik tambahkan gadget , kini kau tinggal masukkan hidangan html/Java script

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

nah jikalau sudah diubah nomor whatsapp nya untuk langkah terakhir klik simpan otomatis tombol chat whatsapp akan tampilan di website sobat sahabat , paham hingga disini semoga bermanfaat. 

Seputar Blog

Ramzi the King

Assalamualaikum introduce my name , Muhammad Ramzi , I live in Aceh , whose hobbies are about technology around Android and want to succeed in the world of blogging

• Share
• Share

Share this post