Cara Membuat Tombol WA Melayang Pada Blogger
Sudah banyak sekali para blogger profesional yang menggunakan tombol chat wa ada pada blog mereka, tentu saja tombol tesebut responsif dan menambah kesan web profesional.
Fungsi dari menu chat whatsapp melayang itu apa? Fungsi utama dari tombol wa itu adalah untuk memudahkan para visitor blog untuk menghubungi kontak whatsapp admin blog, sehingga dengan adanya menu tesebut visitor tidak kesulitan mencari kontak us pada blog tersebut.
Selain itu tombol wa melayang juga berfungsi untuk produsen produk jikalau ingin bekerjasama dengan blog anda dan ingin memasang banner diblog anda, ini adalah salah satu afiliasi yang dapat menambah pundi-pundi rupiah disamping adsense.
Sebenarnya tidak hanya tombol chat melayang whatsapp saja yang dapat dipasang, messanger, line, gmail, twitter, juga dapat dipasang diblog anda. Akan tetapi disini saya lebih merekomendasikan tombol whatsapp, kenapa? Karena whatsapp adalah media sosial yang terenkripsi, jika ada seseorang menawarkan kerjasama dengan anda, maka pembahasannya lebih door to door.
Berikut ini adalah Cara Membuat Tombol Chat Whatsapp Melayang Di Blog
1. Buka menu edit html pada blog.
2. Kemudian copy code html di bawah ini dan letakkan kode tersebut di bawah <body>.
3. Kemudian copy code css di bawah ini dan letakkan di bawah <style>.
5. Kemudian save.
Demikianlah ulasannkan kami mengenai Cara Membuat Tombol WA Melayang Pada Blogger, semoga bermanfaat
Fungsi dari menu chat whatsapp melayang itu apa? Fungsi utama dari tombol wa itu adalah untuk memudahkan para visitor blog untuk menghubungi kontak whatsapp admin blog, sehingga dengan adanya menu tesebut visitor tidak kesulitan mencari kontak us pada blog tersebut.
Selain itu tombol wa melayang juga berfungsi untuk produsen produk jikalau ingin bekerjasama dengan blog anda dan ingin memasang banner diblog anda, ini adalah salah satu afiliasi yang dapat menambah pundi-pundi rupiah disamping adsense.
Sebenarnya tidak hanya tombol chat melayang whatsapp saja yang dapat dipasang, messanger, line, gmail, twitter, juga dapat dipasang diblog anda. Akan tetapi disini saya lebih merekomendasikan tombol whatsapp, kenapa? Karena whatsapp adalah media sosial yang terenkripsi, jika ada seseorang menawarkan kerjasama dengan anda, maka pembahasannya lebih door to door.
Berikut ini adalah Cara Membuat Tombol Chat Whatsapp Melayang Di Blog
1. Buka menu edit html pada blog.
2. Kemudian copy code html di bawah ini dan letakkan kode tersebut di bawah <body>.
<!-- html whatsapp contact amtread-->
<div class="pemudanu-whatsapp-contact"><a href="https://wa.me/628xxxxxxxxxx?text=kulonuwun" target="_blank" title="Hubungi admin mbokyah"><i class="fab fa-whatsapp"></i></a></div>
<!-- Akhir whatsapp contact -->
<div class="pemudanu-whatsapp-contact"><a href="https://wa.me/628xxxxxxxxxx?text=kulonuwun" target="_blank" title="Hubungi admin mbokyah"><i class="fab fa-whatsapp"></i></a></div>
<!-- Akhir whatsapp contact -->
3. Kemudian copy code css di bawah ini dan letakkan di bawah <style>.
/* whatsapp contact pemudanu*/
.pemudanu-whatsapp-contact{position:fixed;padding:10px 12px;margin-left:92%;margin-right:5%;z-index:1;background-color:#075e54;margin-top:80vh;text-align:center;border-radius:100%;overflow:hidden;}
.mbokyah-whatsapp-contact i{font-size:40px;color:white;}
/* Akhir whatsapp contact */
.pemudanu-whatsapp-contact{position:fixed;padding:10px 12px;margin-left:92%;margin-right:5%;z-index:1;background-color:#075e54;margin-top:80vh;text-align:center;border-radius:100%;overflow:hidden;}
.mbokyah-whatsapp-contact i{font-size:40px;color:white;}
/* Akhir whatsapp contact */
4. Lalu agar responsive, copy kode di bawah ini tepat setelah kode css yang tadi kamu paste
@media screen and (max-width:414px){
.pemudanu-whatsapp-contact{margin-left:80%;}
}
.pemudanu-whatsapp-contact{margin-left:80%;}
}
5. Kemudian save.
Demikianlah ulasannkan kami mengenai Cara Membuat Tombol WA Melayang Pada Blogger, semoga bermanfaat
