favicon hozzáadása a blogod urljéhez
július 13 2010 Kategorizálva: blogger.com tippek Nincs 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.Kattints a “Browse…” gombra.
- 2.Válaszd ki a képedet.
- 3.Kattints “Generate Favicon!” gombra.
- 4.A folyamat végeztével kattints a “Click Here to Download your favicon” gombra.
- 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.Így a kapott url a következő lesz:
- 7.Jelentkezz be a blogger.com-ra.
- 8.Kattints a “Kinézet/Megjelenés” fülre.
- 9.Majd a Szerkesztő-re(HTML szekresztő).
- 10.Keress rá erre kódrészre :
<head> - 11.Majd illeszd be a <head> alá az alábbi kód alapján a saját kódodat :
- 12.Kattints a “Mentés” gombra .
- 13.Kész is vagyunk , hogy megtekinthesd mindeképpp használj Firefoxot vagy Operát, mivel az IE nem mindig kezeli le a faviconokat .
http://www.ahovafeltöltöttedurl.valami/favicon.ico
<link rel="shortcut icon" href="http://www.ahovafeltöltöttedurl.valami/favicon.ico"/>
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.
