Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger'da sayfa ile kayan resim eklemek


FacebookTwitterPinterestTumblrYazdır


Bu dersimizde, blogumuzun sağ üst kısmına sabit bir resim eklemeyi öğreneceğiz. Esasında bunu yapmak fazlası ile basit. Lâkin, ilk olarak bunu neden yapmamız gerektiğini belirtmek istiyorum; örnek olarak blogunuza sabit bir reklam alanı ekleyeceksiniz. Fakat bu reklam alanının sayfa ile kaymasını istiyorsunuz. İşte tam bu esnada, sizlere vereceğim kod işinizi fazlası ile görecek. Ve bu kod ile, sayfanızla beraber sabit bir şekilde kayan resim vs. ekleyebileceksiniz. Ayrıca, elbette reklam kodları, logo vs. gibi birçok görseli de ekleyebilirsiniz. Bunlar tamamen size kalmış bir şey.

Tasarım > Sayfa Ögeleri > Gadget Ekle > HTML/JavaScript Ekle kısmına geliyoruz ve aşağıdaki kodları ekliyoruz;

<a style="display:scroll;position:fixed;top:5px;right:5px;" href="resimlinki" title="resimaciklamasi">
<img src="resim" />
</a>

Not: Yukarıdaki CSS kodları ile resmin, sağda mı solda mı vs. gibi hizalamaları ile ilgili de değişiklikler yapabilirsiniz.


    • Mesut ZEYTİN’in Edebiyat Defteri
    • 11 Haziran 2012, 20:56

    Güzel :D

    • synapse
    • 30 Kasım 2015, 13:57

    Teşekkürler hocam işime yaradı.

      • Şahin Gezici
      • 30 Kasım 2015, 15:06

      Merhaba,

      Yorumunuz için biz teşekkür ederiz.

      İyi Günler

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık