Javascript ile Ekran Sağ Alt Koşeye Whatsapp Buton Koyma

Erdoğan Usta 24-04-2020

Kategori : JavaScript

İçerik

Öncelikle Whatsap Butonumuzun olduğu div ' mizi hazırlayalım

<div id="sabit">

<h2 class="content-title">

<a target="_blank" href="https://api.whatsapp.com/send?phone=0905550000000&text=Whatsapp Ekranında Görünecek Yazı">

<img  src="assets/img/whatsapp.png" title="WhatsApp iletişi Butonu" width="70px" height="70px">

</a>

</h2>

</div>

Burda href içindeki phone= deki telefon numarasını kendimize göre düzenleyelim

Daha sonra da text= deki yazıyı istediğimiz gibi düzeltiyoruz.Whatsapp ekranında bu yazı görünecektir.

<style type="text/css">

  #sabit

{

z-index:9999;

position:fixed;

_position:absolute;

bottom:50px;

right:0px;

clip:rect(0 100 100 0);

_top:expression(document.documentElement.scrollTop +document.documentElement.clientHeight-this.clientHeight);

_left:expression(document.documentElement.scrollLe ft + document.documentElement.clientWidth - offsetWidth);

}

</style>

Burda ise "bottom" ile iconun yukseliğini ayarlayalım.

ve "right" ile de iconun sağ köşe olan uzaklığını ayarlayalım.

index.php mizin en altına ekleyelim.İşte bu kadar...