Sabit Resim ile Dikkati Üzerinize Çekin
Merhabalar Seo bilimcileri. Bugünkü makalemizde genellikle WordPress için kullanılan ama kod ile haşır neşir olan arkadaşlar için wordpress sabit resim css ve html kodlarından bahsedeceğim…
Bildiğiniz üzere sola yapışık, sağa yapışık, altta yada üstte, her şekilde kullanabileceğiniz bu sabit resim kodları istediğiniz yerde ve alanda, herhangi bir resim yada bağlantı içerebilen tüm içerikleri uygulayabileceğiniz bir koddur. Bu kod ile sabit resimlerinizi ayarlayabilecek, ziyaretçilerinizin sürekli olarak dikkatini çekecek bir resim uygulaması olacaktır… Kısaca kodlar ile anlatayım arkadaşlar…
WordPress sabit resim için ekleyeceğiniz css kodu aşağıdaki gibi olmalıdır…
1 2 3 4 5 6 | #sabit {z-index:9999; position:fixed; _position:absolute;top:20px; left:0px; clip:rect(0 100 85 0);_top:expression(document.documentElement.scrollTop +document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLe ft + document.documentElement.clientWidth - offsetWidth);} |
top=üst bottom=alt left=sol right=sağ bileşenlerini kullanarak değiştirebilirsiniz. Yukarıda verdiğim kodda üst ve sol mevcut.
Bu kodu css dosyamıza ekliyoruz ve sitemizin ana indeks sayfasına yani (index.php, index.html vs.) dosyamızın içerisine de üretebileceğimiz kodu yerleştiriyoruz. Üreteceğimiz diyorum çünkü buraya ister resim isterseniz de beğen butonları dahi koyabilirsiniz.
1 2 3 4 5 | <div id="sabit"> <a href="Resim bağlantısı(isterseniz)"> <img src="resimadresi" alt="Resim adı" border="0" /> </a></div> |
WordPress sabit resim işi bu kadar. Eğer bir problem olursa buradan yorum olarak yazabilirsiniz…
Teşekkürler.
Hiç yorum yok:
Yorum Gönder