Sayfa ile Kayan Duyuru Penceresi Kodu



HTML Sayfa İle Kayan Pencere Kodu

Sayfa ile hareket eden tıklayınca pencere şeklinle açılan duyuru penceresi kodu.
Bazen duyuru yada reklam amaçlı sitenin sağ veya solunda sayfa ile hareket eden bannerlar eklemek isteyebiliriz. Bende sizler için işlevsel bir kod düzenledim.





<a
style="display:scroll; position:fixed; top:0px; right :0px;" >
<button onclick="alert('PENCEREDE ÇIKACAK YAZI')">
<table>
<img src="RESİM URL" height=55px ">
</table></button>
</a>



Yerleşim > Gadget ekle > HTML/JavaScript ekle yolunu izleyerek ekleyebilirsiniz.

top : Üst bottom : Alt
right : Sağ left : Sol
0px : Eklentinin sayfa kenarı ile olan uzaklığı
PENCEREDE ÇIKACAK YAZI : Açılan pencerede gözükecek mesaj.
RESİM URL : Eklemek istediğiniz resmin URL adresi
height=55px : Resmin yüksekliği


HTML / JAVASCRIPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Yerleşim > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.



* Canlı Demo için
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
Editörünü kullanabilirsiniz.

Yorumlar

  1. Adsız3.1.23

    Floating Announcement Window Code with Page

    YanıtlaSil

Yorum Gönder

🔺 YUKARI ÇIK 🔺