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.
Faydalı bilgilerle donattığınız güzel bir blogunuz var.
YanıtlaSilSık sık ziyaret etmeyi düşünüyorum.
Teşekkürler..
Kolay gelsin...
Teşekkürler, beğenmenize sevindik, sizin bloguda biz ziyaret ediyoruz.
SilFaydalı bilgiler için teşekkürler. Extradan Temanız çok işlevsel ve göze hoş geliyor. Tebrik ederim.
YanıtlaSilTeşekkürler, beğendiğimiz işleri , herkes ne düşünür diye değilde , kendi istediğimiz gibi yapmaya çalışıyoruz.
SilScrolling Image Plugin with Page
YanıtlaSil