Segnalibri di Firefox personalizzati - Custom Firefox Bookmarks

Italian version:

Spesso aggiungendo una pagina alla barra dei segnalibri non visualizziamo nessuna icona perchè la pagina non ha alcuna favicon.
Altre volte vorremmo, invece, cambiarla solo perchè l'originale non ci piace.

Possiamo farlo, in qualche modo! :)

Possiamo sfruttare la struttura DOM di un documento per forzare la pagina ad usare qualsiasi favicon vogliamo e poi aggiungerla alla barra dei segnalibri!

Innanzitutto teniamo in considerazione che Firefox non permette di usare una favicon salvata localmente sicchè dobbiamo utilizzare una esistente che sia pubblicata online.
Possiamo creare la nostra favicon e poi pubblicarla sul nostro host preferito.

Per creare una favicon da qualsiasi immagine possiamo utilizzare un servizio online gratuito come quello offerto da GraphicsGuru.

Quando avremo la nostra favicon pubblicata su Internet prendiamo nota del suo link.

Poi utiizziamo Firebug per forzare l'aggiunta di un TAG alla pagina.

Basta entrare nella console di Firebug ed inserire:
URI="http://www.ilMioSpazioHost.*/LaMiaFavicon.ico"
favicon=document.createElement("link");
favicon.setAttribute("rel","shortcut icon");
favicon.setAttribute("type","icon/x-image");
favicon.setAttribute("href",URI);
document.getElementsByTagName("head")[0].appendChild(favicon);
dove la variabile URI contiene il link alla favicon.

Poi basta premere il pulsante RUN e... voilà!!!
La pagina ha ora la sua bellissima favicon.

Possiamo ora aggiungerla alla barra dei preferiti.

English version:

Often when we add a page to the Bookmark Toolbar we cannot see any Icon because the page has no favicon.
Some other times we'd like to change a favicon just because we don't like the original.

We can do it, someway :)

We can take advantage of DOM structure of a document to force the page using every favicon we want and the add it to our Bookmark Toolbar.

First of all we havo to keep in mind that Firefox cannot allow to use a local saved favicon, so we have to use an online existing one.
We can create our favicon and then publish it on our preferred host.
To create a favicon from every image we want we can use a free online service just like the one from GraphicsGuru.
When we have our favicon published on the Internet we can take note of its link.

Then we can use Firebug to force adding the page a TAG.

Just enter in the Firebug console and type:
URI="http://www.myHostSpace.*/MyFavicon.ico"
favicon=document.createElement("link");
favicon.setAttribute("rel","shortcut icon");
favicon.setAttribute("type","icon/x-image");
favicon.setAttribute("href",URI);
document.getElementsByTagName("head")[0].appendChild(favicon);
where the variable URI contains the link to the favicon.

Then press RUN button and... voilà!!!
The page has now its beautiful favicon.

We can now add it to our Bookmark ToolBar!