Hareketli Favicon Nasıl yapılır?

19 Eylül 2016

Merhabalar Web tasarım severler,

Bir çok büyük firma web sitelerinde küçük değişikler yaparak büyük etkiler topluyor. Şuradaki yazımda (Webtures sekme olayı) bir örnek mevut.

Sizde web siteniz de bir yenilik yapmak isterseniz hareketli olarak favicon kullanabilirsiniz. Bu özelliği kullanabilmek için Jquery bilmeniz gerekmektedir eğer jquey biliyorsanız veya kütüphane kullanabiliyorsanız aşağıdaki favicon.js kütüphanesi ile hareketli bir favicon yapabilirsiniz.

DEMO İÇİN TIKLAYIN

Favicon.js nasıl kullanılır?

İlk olarak eklentiyi indirmeniz geremektekte. (İndirmek İçin Tıklayın)

İndirdikten sonra dosyanızda jQuey kütüphesinin son versiyonunu ekleyin.

<script type="text/javascript" src="//code.jquery.com/jquery-3.2.1.min.js"></script> 

Yukarıdaki Jquery kütüphesini ekledikten hemen sonra js dosyanıza veya script tagları arasına

 $(document).ready(function() { var i = 1; var favicon = new Favico({ animation : 'popFade' }); setInterval(function(){ favicon.badge(i); i++ },1000); }); 

Yukarıdaki örnek her 1sn de bir favicondaki sayıyı attıracaktır.

Yapmadığınız bir kısım olursa yorum yazarak sorabilirsiniz.

WEB DÜNYASI İLE İLGİLİ GÜNCEL BİLGİLER İÇİN ABONE OLUN!

"Hareketli Favicon Nasıl yapılır?" Benzer Yazıları

Web Trendleri - Hareketli Logolar Geliyor Sayfa yenilemeden url değiştirme

Hareketli Favicon Nasıl yapılır? Etiketleri: