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.
Floating Announcement Window Code with Page
YanıtlaSil