Öncelikle marquee effect ne demektir ondan başlayalım. Marquee yazılarınızı sağa sola –yukarı aşağıya doğru hareket etmesini sağlayan bir tür html kod türüdür. Blogunuza hareket katacak bir koddur. Zaten çoğu blog kullanıcısı da bu özelliği kullanır.
Kayan yazı kodu nasıl eklenir detaylı olarak anlatmaya başlayalım:
Yazınız sağa - sola doğru hareket etsin:
<marquee align="center" direction="left" height="200" scrollamount="2" width="100%">
Sola doğru hareket eden yazı örneği
</marquee>
koddaki direction="left" deki left ‘i right yaparsanız sağa doğru hareket edecektir.
Şimdi yazımza arkaplan belirleyelim:
<div align="left"><font face="georgia" color="White"><B><marquee bgcolor="red" width="100%" scrollamount="3" behavior="alternate">
Arkaplan renkli yazı örneği.</marquee></b></font></div>
Yukarı kayan yazı ekleyelim:
Burada önemli olan farenizle üzerine geldiğinizde yazının durması.
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">
Farenizle yazı üzerine gelin</marquee>
Yazınıza Link Ekleyin
Şimdi kayan yazıya link ekleyelim:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://ehl-iblog.blogspot.com" target="new">ehl-iblog</a><br />
<a href="http://ehl-iblog.blogspot.com" target="new">ehl-iblog</a><br />
<a href="http://ehl-iblog.blogspot.com" target="new">ehl-iblog</a><br />
<a href="http://ehl-iblog.blogspot.com" target="new">ehl-iblog</a><br />
</marquee>
Gelelim bazı belirli kodların açıklanmasına:
- bgcolor:arkaplan rengini düzenleminizi sağlar.
- direction:”left/right/up/down” yazınızın hareket edeceği yönü belirler.
- behaviour:”scroll/slide/alternate” yazınızın hareketin nasıl olacağını belirler.
scroll:yazınızın kaymasını sağlar
slide:yazınız bir kez hareket eder sonra durur.
alternate:yazınız sağa sola hareket eder. - title:”message” mesajınızın başlığı
- scrollmount:”number” yazınızın hızını ayarlar.Numara artıkça hız da artar.
- scrolldelay:”number” yazınızın gecikme zamanı
- width:yazınızın kapayacağı alanın genişliğini pixel olarak yada % olarak ifade eder.
Bir dahaki yazıda buluşmak üzere
Selamlar hocam yazı akarken bir ara boşluk veriyor, bunu nasıl sürekli hale getirebiliriz ?
YanıtlayınSilYani o boşluk olmasın istiyorum nasıl yaparım teşekkürler.
Merhaba , Tavsiye Yazıyı nasıl yapabiliriz sizin sitedeki gibi daha önce sitenizde açıkladınız mı ?
YanıtlayınSilBenim sitemde pek tavsiye yazı yok gibi, populer yazılar kısmını vs kast eediyorsanız standart link list diyebilirim.
SilBlogger yakın zamanda öne çıkan yayın eklentisi konusunu duyurmuştu ona bakabilirsiniz.
Teşekkürler.
YanıtlayınSil