Een icoontje in de adresbalk van uw browser, bestaande uit tekst en achtergrondkleur, voor het internetadres van uw blog
Met de online generator http://antifavicon.com/ kan u in een mum van tijd een icoontje, bestaande uit een korte tekst en achtergrondkleur aanmaken.
Een icoontje in de adresbalk voor het internetadres van een website of blog noemt men een Favicon
Hierna stapsgewijze hoe je zo'n favicon kan aanmaken en koppelen aan uw blogadres in een blog bij http://blog.seniorennet.be en www.bloggen.be:
-----------STAP 1 : een icoontje aanmaken----------
Klik op de link: http://antifavicon.com/
- Typ onder "Text To Render":
in het veld bij "Top Text" en bij "Bottom Text", telkens max 4 letters of cijfers al naar gelang uw eigen keuze
- Voor een betere weergave van het icoontje, klik bij "Draw Border" een bolletje bij YES, zodat uw ico een boordje bekomt
- De achtergrondkleuren en tekstkleur van de ico kan u naar wens aanpassen,
wanneer u op de pipet bij Color klikt
- Vergeet niet onder "Your Generated Favicon"
bij "Click on the icon to togle zoom on/off", te klikken op "ON", zo oogt uw favicon later veel mooier op het Bureaublad
- Klik vervolgens op "Save as favicon file" en sla de FAVICON.ICO op uw harde schijf op
Opgelet: Rechtsklik NIET op het icoontje om het op te slaan als ico.bestand, want dan bekom je een .png plaatje als deze 
en dit is geen .ico bestand
-----------STAP 2 : uploaden naar de blog---------
- Log in, voeg in de middenkolom een nieuw bericht toe, dat u voor het uploaden van allerlei bestanden voorbehoud,
geef het de naam "Bestanden-bericht" of "Bestanden-map"
of open een bestaand Bestanden-bericht in uw kladversie
- Typ minstens een punt in het tekstvak
- Klik onder Extra's bij Overige bijlagen van harde schijf op "Bladeren"
- Duid het .ico bestand op de harde schijf aan en klik op "Openen" of dubbelklik op het favicon.ico bestandje
- Sla uw bericht in kladversie op of met postdatum een jaar later, zodat het onzichtbaar is voor de bezoekers van uw blog
- Klik op "Terug naar overzicht gaan"
- daarna op "Bijlagen bekijken/verwijderen"
- Onder de titel van het bericht, vind u nu de link naar het favicon.ico bestand
Klik op de link van het .ico bestand, zodat de favicon in de browser verschijnt,
In de adresbalk van uw browser kan je dan de URL van de favicon kopieren
Voor de gebruikers van de blogs bij http://blog.seniorennet.be, ziet de URL (= internetadres) van de favicon, er dan ongeveer zo uit
Uiteraard met de naam van uw blog i.p.v. de naam van mijn blog blogtips en ook een ander getal achteraan voor de punt:
http://blogimages.seniorennet.be/blogtips/attach/1621.ico
Voor de bloggers bij www.bloggen.be, ziet de
URL er zo uit:
http://blogimages.bloggen.be/blogtips/attach/4281.ico
-----STAP 3: de URL v/d favicon koppelen aan het blogadres-----
- Kopieer de hieronderstaande link-tag
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
- Klik op "Uitzicht design wijzigen blog" en scroll met de schuiflat naar beneden
- Plak de link-tag onder "Aanpassen Kenmerken" tussen de <head> en de </head>
best juist boven de </head> zie voorbeeld hierna
- Vervang /favicon.ico door de url van uw favicon.ico
Vergelijk de link-tag hierboven en het voorbeeld hierna, waarbij ik in de link-tag /favicon heb vervangen door de URL van mijn favicon:
|
<title>{TITEL}</title> <link rel="shortcut icon" href="http://blogimages.seniorennet.be/blogdesk/attach/1631.ico" type="image/x-icon" /> </head> |
- Klik vervolgens onderaan op Wijzigen
--------STAP 4: Bekijk het resultaat nadat uw blog is ingeladen-------
De favicon is in de adresbalk van de browser pas zichtbaar, nadat de blog volledig is ingeladen
Wenst u liever een favicon, bestaande uit een afbeelding aan te maken, dan dient u eerst te zorgen voor een mini plaatje, dat daarna met een andere online favicon generator wordt omgezet naar een ico bestand.
Vervolgens dient het ico.bestand vanaf de harde schijf geüpload te worden naar uw blog en daarna gekoppeld aan het internetadres van uw blog
Meer uitleg hierover, vind u op mijn webpagina:
http://www.sunbeams.be/favicon.html
Wanneer goed aangebrachte favicons nalaten in IE 7 te verschijnen:
Ga naar "EXTRA" > "INTERNETOPTIES" en klik op "VERWIJDEREN" bij "BROWSEGESCHIEDENIS".
Klik achtereenvolgens op "BESTANDEN - COOKIES en GESCHIEDENIS VERWIJDEREN", sluit het venster en klik op OK.
Sluit de browser en start IE terug op.
Normaal zouden dan de icoontjes moeten verschijnen
