Una favicon (contrattura dall’inglese di favorites icon, icona preferiti) è quell’iconcina che compare a lato dell’url di un sito web e accanto al suo titolo nella scheda corrente. L’immagine qui sotto chiarisce meglio il concetto:

Ti sei mai chiesto come poterla inserire nel tuo sito? E’ una procedura semplicissima, e in questo articolo ti mostrerò come fare ;)

Per prima cosa devi creare l’icona. Deve avere dimensioni 16×16 pixel e estensione .png o .ico. Ti consiglio vivivamente l’utilizzo di software come Illustrator o Photoshop, i migliori del settore per queste cose ;)

Creata l’icona, fanne l’upload sul web utilizzando un client FTP (come FileZilla) sul tuo spazio in rete o utilizza un hosting gratuito come ImageShack.
Ottenuto quindi il link dell’immagine (es: http://www.figherrimo.com/img/favicon.ico o http://img40.imageshack.us/img40/499/vdh91oqt.png) ti basta inserire tra i tag <head> della pagina HTML il seguente codice:

<link REL="SHORTCUT ICON" HREF="link_della_favicon">

dove “link_della_favicon” è il link (URL) completo dell’icona che avete appena uploadato (uppato) sul web.

Per ASP:

<%= response.write "<link REL=""SHORTCUT ICON"" HREF=""link_della_favicon"">" %>

Per PHP:

<?php echo ("<link REL=\"SHORTCUT ICON\" HREF=\"link_della_favicon\">");?>

Nel caso utilizzaste Wordpress, andate su Editor sotto il menu Aspetto nella vostra bacheca d’amministrazione, cercate la pagina index.php nell’elenco proposto sulla destra, quindi aggiungete il codice in testa. Fatto questo, un semplice click su “Aggiorna File” vi permetterà di avere la vostra bella favicon sul vostro blog!

Nel caso di altri CMS la procedura è la stessa: cercate la pagina iniziale del sito (di solito index.php) e aggiungete il codice sopra proposto.

Enjoy! :D


Se ti è piaciuto questo articolo, potrebbero interessarti:

    [PHP] L’array superglobals $_SERVER

    Tra il client (browser) e il server (web server) avviene una vera è propria "presentazione" intesa come scambio reciproco di parametri che permette...

    Pubblicato il: 9 febbraio 2010

    Come fare un Redirect

    Oggi vi presento una velocissima ma molto utile guida su come fare un redirect in diversi linguaggi di programmazione lato web, quali: PHP, HTML, ASP...

    Pubblicato il: 19 ottobre 2009

    Guida a come fixare una XSS

    Spesso si sente parlare di XSS (Cross Site Scripting). In questo breve articolo verranno spiegate le due funzioni di PHP che agevolano il compito del...

    Pubblicato il: 11 settembre 2009

    Editor di testo: Notepad ++

    Notepad è un editor di testo davvero fantastico che permette di programmare con un semplicità disarmante. Vi riporto la descrizione...

    Pubblicato il: 9 dicembre 2008

    Come includere un video in una pagina Wordpress

    Questa che ti illustro oggi è un procedura banalissima ma che spesso mi chiedono di illustrare che serve a includere in una pagina Wordpress un video...

    Pubblicato il: 10 dicembre 2009

    Utilizzare PopURI per mostrare il rank di Alexa, Google, Yahoo e molti altri

    PopURI è un servizio gratuito portato avanti dal 2007 per Webmaster che permette di controllare la popolarità (in gergo rank) del proprio sito...

    Pubblicato il: 4 dicembre 2009