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.
Güzel :D
Teşekkürler hocam işime yaradı.
Merhaba,
Yorumunuz için biz teşekkür ederiz.
İyi Günler