Keresés a blogban

2010. augusztus 2.

Animated favicon in Blogger - Animált favicon

A faviconról és elhelyezéséről már volt szó ebben a blogban.
Készíthető azonban olyan favicon is, amely animációval hívja fel magára a figyelmet. De, nem minden böngésző képes a megjelenítésére! Pl. a Firefox meg tudja jeleníteni az animáltat, de az Explorer nem, ezért mind a kétfélét elkészítjük.

Először el kell készíteni egy normál favicont, és elhelyezni a blogban, így:
http://www.bloggersbloggers.com/2009/09/favicon-blogger-bloghoz-favicon-for.html

Ezután el kell készíteni az animált favicont is.
Válaszd ki, milyen képet akarsz faviconnak vagy rajzold meg. Lehet az animáció egy gördülő szöveg is! Írd be a keresőbe az "animated favicon generator" keresőszavakat, és valamelyik találattal készítsd el a képet, válaszd az animated lehetőséget, majd mentsd el az ikonod. Az animált képecske .gif kiterjesztésű lesz. Nevezd el, pl. favico.gif

Néhány lehetőség, de sok ilyen generátor van még:
http://www.animatedfavicon.com/
http://www.favicon.cc/
http://www.astahost.com/info.php/Animated-Favicon-Scrolling-Text33_t13318.html
http://www.iconj.com/animated_favicon.php

A favico.gif animált képet is töltsd fel és ugyanúgy tudd meg az elérési útját, mint a normál esetben.
Az előbb beszúrtál egy ilyen kódot, keresd meg:
<link rel="shortcut icon" href="http://atefaviconodeleresiutja/favicon.ico" type="image/ico" />
Egészítsd ki a pirossal jelzett résszel:
<link rel="shortcut icon" href="http://atefaviconodeleresiutja/favicon.ico" type="image/ico" /> <link rel="icon" href="http://animaltfaviconeleresiutja/favico.gif" type="image/gif" />

Azok a böngészők, amelyek képesek erre, az animált ikont jelenítik meg, azok, amelyek nem képesek, a normált fogják megjeleníteni.
Ha te már használtál favicont, és kiegészítetted az animálttal, mindaddig nem fogod látni, amíg az ideiglenesen letöltött internetfájlokat (cache) ki nem törlöd.
IE esetén: Eszközök - Internet beállítások - Általános fül - Böngészési előzmények - Törlés
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

5 megjegyzés:

Tj Blogi írta... [Válasz erre...]

nekem 1előre nem jött össze :-(((
1órája próbálkozom, mára feladom.
azt írja ki hogy nincs lezárva

Wise Lady írta... [Válasz erre...]

Bocs, egy / jel lemaradt. Javítottam.

Bogriella írta... [Válasz erre...]

Folyton ezt a hibaüzenetet kapom, amikor a HTML-ben elmentettem:
A sablonod formázási hiba miatt nem értelmezhető. Győződj meg arról, hogy a sablonban az összes XML-elem megfelelően le van zárva.
XML-hibaüzenet: The element type "link" must be terminated by the matching end-tag "".

Pedig lépésről, lépésre úgy csináltam, ahogy leírtad és már vagy ötvenszer leellenőriztem...

Bogriella írta... [Válasz erre...]

Betettem a javított jelet, most elfogadta a sablont HTML-ben, nem ír hibaüzenetet, viszont nem jeleníti meg egyik képet sem, sem az állót, sem a mozgót...

Mára asszem feladom.

Bogriella írta... [Válasz erre...]

Csak nem bírtam nyugodni, ezzel a kóddal sikerült megmozdítanom a favicont:
(sajna nem tudom beilleszteni, nem engedi)

Opera böngészőt használok, ebben nem mozog, viszont megnéztem Firefoxal és abban működik, csak egy idő után megáll...
IE pedig meg sem jeleníti.
Jól elfáradtam, de megérte, köszönöm! :)

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-