Beberapa hari yang lalu, kita telah menyimak tentang dasar pembuatan Tombol Whatsapp dengan menggunakan CSS di Artikel ini kan? https://apikhosting.com/blog/membuat-tombol-wa-sticky-css/.
Nah hari ini, kita lanjutin melengkapi kodingnya nya ya, biar tombol bisa di klik.
Sudah Kami Buatkan Tutorial Videonya disini & Ini Kodenya. Dan Ada kelanjutanya nanti Insya Alloh kita lengkapi kembali kodenya. Kode semula ini, bisa Anda pelajari:
<!– Mulai Kode Chat Whatsapp –>
<div class=”chat”>
<a class=”link” href=”https://wa.me/6285735991232?text=Halo” target=”_blank”/>Chat Whatsapp</a>
</div>
<style>
.chat{
width:30%;
margin: auto;
left:0; right:0;
Background-color: #057303;
font-weight:bold;
color:white;
text-align: center;
border-radius:10px 10px 0px 0px;
position:fixed;
bottom:0;
left:0;
right:0;
}
.link{
color:white;
text-decoration-line:none;
}
.link:hover{
background-color: #0ecc0a;
}
</style>
<!– Akhir Kode Chat Whatsapp # –>
Untuk Video Tutorialnya, Awan Studio Sudah menyiapkan nya untuk Anda.