Hareketli Favicon Yapmak

Günümüzde birçok site ve blog, tarayıcıların adres çubuğunun yanında beliren ufak favicon denen resimleri kullanıyor. Bu sayede internet adresinizin yanında ufak bir resim belirerek şık bir görünüm sağlanıyor. Şimdi size bahsedecek olduğum konuysa hareketli favicon yapımı. Hareketli favicon’dan kastım ise, kayan yazı eşliğinde bir favicon. :)

Söz ettiğim bu faviconda, hem logonuz hem de kayan yazı birlikte görünecek. Vay, bunu yapan hangi servis? diye soracak olursanız cevap FreeFavicons. FreeFavicons.info isimli servis, söz ettiğim işin üstesinden gelen bir servis. Servisin kullanımı oldukça kolay. Servisin nasıl kullanıldığına kısaca değinecek olursak; siteye girdikten sonra karşınıza 3 adımda faviconunuzu yapma şeklinde bir üreteçle karşılaşıyoruz. Aslında bence buradaki 3 adımın hepsini 1 adım da alsa olurmuş. :mrgreen: İlk adımda üreteç size bazı nasihatlarda bulunuyor. :) İkinci adımda Gözat‘tan 16×16 formatında (daha büyük de olabilir ama en iyi kalite için 16×16′yı seçmelisiniz) halihazırda bulunan faviconumuzu seçiyoruz. Ardından hemen altındaki Scrolling txt yazan yere, faviconunuzda kaymasını istediğiniz yazıyı yazıyoruz (bu sitenizin ismi olabilir, seçim tamamen size ait). Son olarak da alttaki Create Favicon tuşuna basarak işlemi bitiriyoruz.

Tüm bunları yaptıktan ve biraz bekledikten sonra alt tarafta faviconunuzun görünümü ve indirmek için link bulunuyor. Get It Now tuşuna basarak faviconunuzu indirebilirsiniz. ;)

Servis genel olarak oldukça kullanışlı ve güzel. Bence tek eksiği yazı tipinin belirtilememesi. Onun dışında tam puanı hakediyor. :roll:

FreeFavicons ile yapmış olduğum bir favicon…


Etiketler: , , , ,

Şu saatte Şubat 23rd, 2008 yazan Salute
Şu kategori altına: İnternet

12 Yorum şu konu için: “Hareketli Favicon Yapmak”

  1. gKAANs.oRg » Blog Arşivi » [17-24.02.2008] Seçme Haberler.., şu tarihte Şubat 24th, 2008 ve şu saatte 17:14 şunu söylemiş:

    […] Salute Blog - Hareketli Favicon Yapmak […]

  2. henster, şu tarihte Şubat 24th, 2008 ve şu saatte 17:33 şunu söylemiş:

    Favicon demişken benimde aklıma geldi. En son temayı değiştirdiğimde favicon’u değiştireyim diyordum güya hâla aynı duruyor. :grin:

  3. Salute, şu tarihte Şubat 24th, 2008 ve şu saatte 18:21 şunu söylemiş:

    :) Olsun bu favicon da güzel duruyor, janjanlı hani. :)

  4. H-Yaman » Haftalık Haber Turu-40, şu tarihte Şubat 26th, 2008 ve şu saatte 12:28 şunu söylemiş:

    […] Hareketli favicon yapımı ile ilgili güzel bir makale Işınlan […]

  5. Emre, şu tarihte Nisan 26th, 2008 ve şu saatte 11:16 şunu söylemiş:

    Tam da bunu arıyordum. Güzel bir servismiş. Teşekkürler :wink:

  6. Devrim Atasu SEVER, şu tarihte Haziran 7th, 2008 ve şu saatte 13:08 şunu söylemiş:

    Çok teşekkürler tam bu konuyu arıyordum.

  7. sohbet, şu tarihte Temmuz 17th, 2008 ve şu saatte 01:47 şunu söylemiş:

    Nihayet Buldum. Çok tşk ederim emeğinize sağlık

  8. berkanTr, şu tarihte Kasım 24th, 2008 ve şu saatte 14:03 şunu söylemiş:

    keşke kodlarıda koysaydın rar dosyasının içindeki readme dosyasından herkes anlamayabilir

  9. ahmet, şu tarihte Mart 2nd, 2009 ve şu saatte 22:25 şunu söylemiş:

    bende yenı bı hareketlı favıcon yaptım mp 3 sitesi içiin bakın yorumlarınızı söyleyın

    mp3gezegeni.net

  10. ömer, şu tarihte Mart 28th, 2009 ve şu saatte 18:47 şunu söylemiş:

    ya iconu koyarken favicon.ico diye veriyoz o normal olanı hareketliyi yapmak içinde favicon.gif diyemi vericez öyle yapdım olmuyo

  11. cengiz, şu tarihte Nisan 8th, 2009 ve şu saatte 02:46 şunu söylemiş:

    Aslında gayet basit
    MAntığınızın söylediğini değil dosyadan çıkan not defterindekini yapın :)

    Yani animasyonu oluşturunca indirin zipi açın içinden çıkan favicon.ico ve animated_favicon.gif dosyalarını ana klasore atın
    Sonra indexi açıp orada
    BURAYA AŞağıdaki kodları girin

    Eğer portal shop vs şeklinde siteniz varsa favicon ile ilgili satırı bulun
    Örneğin prestashop da ilgili satır:
    themes/prestashop/header.tpl dosyasında bulunuyor.
    Kolay gelsin

  12. cengiz, şu tarihte Nisan 8th, 2009 ve şu saatte 02:50 şunu söylemiş:

    EDit: yazıda html kod olarak aldığı için çıkmamış
    kodları not defterinde belirttiği gibi

    head /head kodlarının arasında bir yere ekleyeceksiniz

Bir yorum yazmaya ne dersiniz?

‹Önceki Yazı 10,000 B.C. / M.Ö 10,000 Filmi Sonraki Yazı› Hükümran Senfoni