How to edit and install a Favicon!!!! Come creare e installare una favicon!!!!

Today I would like to share how to create a favicon and how to put it beside a blog address.

A Favicon is a little icon that appears next to your website address after you install it. I did it yesterday and now I love so much my “Blumeli – Heidi” next to my blog address and at the top of the folder!!!

Blumeli - Heidi

If you work with Blogger you can go from your Dashboard to Design. At the real top of your Page Element you will find the Edit Gadget for a favicon, now you have just to edit it. Follow the guide from step 1 to step 4.

If you do not use Blogger, doesn’t matter!!!.....follow this guide and jump from step 3 to 5.

1-      Find a picture that you like to turn in your fantastic and unique favicon. Take care: the picture must be squared and not to big.

2-      Create a favicon file; you can do it going to this website. You will find a “Favicon free generator” on the right. You have just to upload your favorite picture and it does all the work. (For best results, please follow all the instruction you will find there.)

3-      The generator converts your file in favicon.ico and you will have to choose between two options: Direct Download, you download the new file (favicon.ico) or Direct Link you let the website hosting the favicon for you.

4-      If you use Blogger and want to edit it with the Favicon Gadget window, you have to download the file and then to upload it in the window from your Browser. 

5-      If you don’t use Blogger or want the website does all the work…;)))) just choose the second option to host the favicon: Direct Link.

6-      The generator gives you a HTML code

7-      Simply copy and past it in your HTML Template. Be careful!!!! The best thing to do is to download Full Template before changing it. (In Blogger you must go to Design then Edit HTML, it is next to Page Element. When you are there: first download full Template, then you will work in the Edit Template window.

You have to look for this line:

<title><data:blog.pageTitle/></title>

Then paste the text you copied before and save the new Template.

That is all!!! The first option is easy, but Blogger could take time to display your favicon. The second option is a little bit tricky, but it works immediately!!!!

Blumeli - Heidi on my jacket!!!!

Oggi voglio condividere con voi come inserire una favicon (Icona preferita...mi piace un sacco questa traduzione italiana!!!!!) vicino al vostro indirizzo web. L’ho fatto ieri e mi sono divertita un sacco, senza contare quanto mi è piace ora vedere il mio “Blumeli - Heidi” in vetta al Blog...;)))))))....Sempre piu’ in altooooooooo!!!!

Blumeli - Heidi and its measures

Se create il vostro blog con Blogger dovete navigare dalla Bacheca fino a Design. Arrivate nella “Elementi Pagina” trovate in alto a sinistra “Icona Preferita”. Cliccando su modifica potete creare la vostra Favicon (Icona Preferita). Seguite la guida dal punto 1 al punto 4.

Se invece non usate Blogger, non scoraggiatevi...seguite la guida saltando il punto 4, vedrete sarà un successo!!!

1-      Scegliete una immagine che vi piace e che volete trasformare nella vostra Icona Favorita. Attenzione: l’immagine deve essere quadrata e non troppo grande (meno di 1MB)

2-      Adesso dovete creare un file favicon.ico. Per farlo potete andare in questo sito web http://www.iconj.com/. Troverete un Generatore di Favicon gratuito sulla destra. Caricate la vostra immagine e lui farà tutto il lavoro.

3-      Il generatore converte l’immagine in un file favicon.ico e una volta fatto dovete scegliere tra due opzioni: Direct Download scaricate il nuovo file sul vostro computer oppure Direct Link il sito crea direttamente il codice HTML per la vostra favicon.

4-      Se usate Blogger e volete usare il relativo gadget per inserire la vostra Favicon scegliete la prima opzione. Scaricate il file e Cliccando su modifica in “Icona Preferita” potete caricare il file favicon.ico

5-      Se non usate Blogger o preferite che il sito faccia tutto il lavoro...;)))) scegliete la seconda opzione: Direct Link.

6-      Il generatore vi ha creato il codice HTML.

7-      Dovete semplicemente copiare il codice ed inserirlo nel Testo HTML del vostro sito. Attenzione!!!! Per sicurezza salvate una copia del Testo HTML del vostro sito prima di modificarlo. ( Per chi ha Blogger andate in “Modifica Modello”, di fianco a Elementi Pagina. Scaricate il modello e poi lavorate nella finestra “Modifica Modello” )

Dovete cercare la riga:

       <title><data:blog.pageTitle/></title>

       Adesso trasferite il codice copiato, salvate il modello....ed il gioco è fatto!!!!!

La prima opzione per Blogger è piu’ semplice, ma a volte bisogna aspettare un po’ prima di vedere comparire la nostra favolosa “Icona Preferita”...;((((

La seconda opzione, invece, è subito attiva!!!!!!

Buon divertimento, spero sia utile!!!!!!!!...soprattutto la versione italiana!!!!...è cosi’ difficile trovare tutorials nella nostra lingua madre!!!!!!...aihmè.....;)))))

xx,

Sara