favicon hozzáadása a blogod urljéhez

július 13 2010 Kategorizálva: blogger.com tippek 5 hozzászólás

Gondolom mindenki látott már olyan oldalakat amelyeknek saját ikonja van az url-je mellett. Ezeket nevezzük Faviconoknak (a favourite icon rövidítése) . A Blogger.comon alapbeállításban nincs ilyen ikon beállítva, de készíthetünk magunknak és kicsit egyénivé tehetjük ezzel az oldalunkat, mert elég unalmas a Blogger.com ikonja vagy IE alatt például a szokásos E-betü.Nos nézzük hogyan csináljuk…

1.Először is legyen meg az a kép amit faviconként akarunk használni. Például:

2.Ezután át kell generálnunk a képet icon-ná.Ehhez használd a következő címen levő alkalmazást: http://www.favicongenerator.com
Az oldalon a következő lépéseket végezd el:

  1. 1.Kattints a  “Browse…” gombra.
  2. 2.Válaszd ki a képedet.
  3. 3.Kattints “Generate Favicon!” gombra.
  4. 4.A folyamat végeztével kattints a  “Click Here to Download your favicon” gombra.
  5. 5.Mentsd el a gépedre és töltsd fel a tárhelyre, jelen esetben a blogger.com-ra, vagy bármilyen másik hostra.
  6. 6.Így a kapott url a következő lesz:
  7. http://www.ahovafeltöltöttedurl.valami/favicon.ico

  8. 7.Jelentkezz be a blogger.com-ra.
  9. 8.Kattints a “Kinézet/Megjelenés” fülre.
  10. 9.Majd a Szerkesztő-re(HTML szekresztő).
  11. 10.Keress rá erre kódrészre : <head>
  12. 11.Majd illeszd be a <head> alá az alábbi kód alapján a saját kódodat :
  13. <link rel="shortcut icon" href="http://www.ahovafeltöltöttedurl.valami/favicon.ico"/>

  14. 12.Kattints a  “Mentés” gombra .
  15. 13.Kész is vagyunk , hogy megtekinthesd mindeképpp használj Firefoxot vagy Operát, mivel az IE nem mindig kezeli le a faviconokat .

Még annyi hozzáfűznivalóm volna a dologhoz hogy ne íjedjünk  meg a html kódoktól, egyszerű nyelv melyet könnyen megtanulhatunk.A blogger.com-on levő blogunkat így teljesen átszabhatjuk saját ízlésünkre.

hozzászólások

5 hozzászólás a(z) “favicon hozzáadása a blogod urljéhez” bejegyzéshez

  1. Film Ajánló szerint:

    Egyébként még az a legjobb, hogy ha a favikont egyből a domainunk root mappájába teszük.
    Mint a fenti leírásban is olvashatjuk.
    Hiszen sok böngésző alapértelmezetten ott keresi.
    Tehát: http://www.sajatdomain.hu/favicon.ico
    Wordpress blogoknál szoktam olyant látni, hogy a themeben van már favicon, de ott egy belső, általában a theme egyik almappájában van ez a favicon. Ez nem jó, mert pl az admin felületünknél, nem fog megjelenni és sok böngésző se ott fogja alapártélmezesként keresni, sőt a google se, meg az is lehet hogy minden lapletöltésnél 1 sorral növelni fogja a cPanelünk error logját, hogy a fájl nem található.

  2. dj_us szerint:

    Ez a favicongenerator oldal nem rossz, a leggyorsabb megoldas az ikon konvertalasahoz 😀

  3. Autó-tuning szerint:

    Én nem vagyok annyira szakavatott mint az előttem szólók, de a post hasznos volt és sikerült is a segítségével favicont hozzáadnom. Köszi.

  4. Angolfoci szerint:

    Számomra is nagyon hasznos (volt)ez a cikk.
    1000köszönet érte!

  5. Carlye szerint:

    Thanks for sharing. Always good to find a real exeprt.

Vélemény, hozzászólás?

Hozzászólás küldéséhez be kell jelentkezni.