Sayfa İle Kayan Resim Eklentisi



Blogger Kayan Resim Alanı 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 target="_blank" href="#">
<img title="RESİM AÇIKLAMASI"
style="position: fixed; top: 0px; right: 0px; background: transparent;" src="RESİM URL"/></a>



Alternatif olarak css ile eklemek isteyenlere

<a
style="display:scroll;position:fixed;top:0px; right :0px;" href="#" title="RESİM AÇIKLAMASI">
<img src="RESİM URL" />
</a>


Yerleşim > Gadget ekle > HTML/JavaScript ekle yolunu izleyerek ekleyebilirsiniz.
# : Tıklandığında gidilmesini istediğiniz URL adresi (Sadece resim amaçlı ve domain belirtmek istemiyorsanız # kalabilir)
RESİM AÇIKLAMASI : Resimin üzerine gelindiğinde gözüken açıklama (İstemiyorsanız boş bırakılabilir)
 top : Üst     bottom : Alt
right : Sağ    left : Sol
0px : Eklentinin sayfa kenarı ile olan uzaklığı
RESİM URL : Eklemek istediğiniz resmin URL adresi
Çerçevesiz olduğu için eklemek istediğiniz resmin boyutu kaç px ise aynı büyüklükte çıkacaktır.


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. Faydalı bilgilerle donattığınız güzel bir blogunuz var.
    Sık sık ziyaret etmeyi düşünüyorum.

    Teşekkürler..
    Kolay gelsin...

    YanıtlaSil
    Yanıtlar
    1. Teşekkürler, beğenmenize sevindik, sizin bloguda biz ziyaret ediyoruz.

      Sil
  2. Faydalı bilgiler için teşekkürler. Extradan Temanız çok işlevsel ve göze hoş geliyor. Tebrik ederim.

    YanıtlaSil
    Yanıtlar
    1. Teşekkürler, beğendiğimiz işleri , herkes ne düşünür diye değilde , kendi istediğimiz gibi yapmaya çalışıyoruz.

      Sil
  3. Adsız2.1.23

    Scrolling Image Plugin with Page

    YanıtlaSil

Yorum Gönder

🔺 YUKARI ÇIK 🔺