Come Trasformare un’Immagine in Favicon e Aggiungerla al Blog


Una delle prime cose che ho modificato sul mio blog è stata proprio la favicon, questa graziosa immagine grande 16 x 16 pixel che appare nel browser accanto al nome del blog.  Se la favicon è un’immagine personalizzata che richiama il nostro template non può che dare un tocco di classe al blog, mentre se non ne installiamo una, Blogger farà apparire la sua B arancione, che non è malvagia, certo... ma volete mettere?  




Ho cercato su Google un tutorial italiano da segnalarvi per il Corso di Blogging ma gli articoli erano o vecchi del 2009 o rimandavano a Blogger in draft e il vecchio editor {che non esistono più}.

E così ho pensato di proporvi un tutorial tutto mio, per prendere e trasformare un’immagine qualsiasi, anche una foto in favicon prima di caricarla sul blog.



Come Usare Favicon.cc


Una volta individuata l’immagine che andremo ad usare come favicon, la salveremo sul computer. E poi:

1. Apriamo favicon.cc, il software che trasformerà la nostra immagine in formato .ico {icona per l’appunto}.

2. Clicchiamo su {Import Image}
1 favicon generator
e nella prossima schermata, selezioniamo la nostra immagine  cliccando {Browse} e poi {Upload}.
2 come creare una favicon per blogger
La vostra immagine apparirà tutta pixellata ma non preoccupatevi {non avete rotto nulla!}. Usando il menù laterale, possiamo modificare i colori e disegnare un contorno {io ho lasciato la mia così com’era} mentre l’anteprima della favicon si controlla  scendendo leggermente nella pagina.
3 www_favicon_cc_ come creare una favicon per blogger


3. Clicchiamo {Download Favicon} e ancora {Ok} dalla finestra appena aperta per salvare la nostra favicon sul computer.
4 favicon anteprima e salva sul computer


4. Per caricare la favicon sul blog, basta andare su Layout, cercare Icona Preferita e cliccare Modifica per caricarla sul blog.
5 favicon caricata, blogger icona preferita


Ed ecco come apparirà da Layout e sul web nella barra degli indirizzi al posto di quell’orribile B arancione di Blogger.




E voi? Avete già installato la vostra favicon? Come l’avete scelta? E avete usato questo metodo o l’avete inserita direttamente nel codice del template?



Buon inizio settimana, Alex






UPDATE 1: da alcuni commenti capisco che vedete la nuova favicon dal Layout ma questa non si aggiorna sul vostro browser. Ciò dipende dal fatto che usate cookies  datati. Ecco le istruzioni per svuotare cache e cookies dal vostro internet browser.


UPDATE 2: Nellina mi ha mandato un’email per dirmi che visitando favicon.cc le si è installato un motore di ricerca nel pc che non riesce più a cancellare, nemmeno facendo il ripristino del computer. Sorry Nellina… mi dispiace.

È successo  qualcun’altra di voi?
 
  

43 commenti :

  1. Davvero utile, come tutti i tuoi tutorial! Io la mia favicon l'ho inserita direttamente dal layout, come dici tu per dare un tocco in più al template! (Per la serie: sono riuscita a fare un template da sola, riuscirò a gestire una favicon no??). Se solo avessi postato questo tutorial due giorni fa XD Cioè, ci sono riuscita, mi chiedo solo se si capisce che è una coroncina D: Magari provo a seguire questa procedura, vediamo se viene meglio (probabilissimo XD).
    Grazie di tutto!!
    Ariel

    RispondiElimina
    Risposte
    1. Ciao Ariel, complimenti!! Certo che hai fatto un lavoraccio, eh? Brava brava!! Mi piace tutto!! E si, si vede che si tratta di una coroncina!


      Ti ringrazio anche per avermi citata nel tuo penultimo articolo, un grazie di cuore, davvero!

      Se posso darti un consiglio a riguardo del nuovo design, e spero che lo accetti volentieri, io rimpicciolirei leggermente la grandezza della grafia nei post, o almeno ne modificherei il colore rendendolo appena piu' chiaro {un bel grigio non ci starebbe male.

      P.S. Che begli occhioni hai!

      Buona domenica, Alex

      Elimina
  2. Eh ai tempi dei forum lo sapevo fare, ma me n'ero completamente dimenticata. Grazie per la dritta!

    RispondiElimina
  3. Grazie Alex *_* Detto da te è complimento triplo! Considera che ho cercato seguire i tuoi consigli del corso di blogging più che potevo!! Per la citazione, era il minimo, i tuoi tutorial mi sono stati utilissimi!!

    Grazie anche dei consigli *_* La dimensione della grafia è sempre stata problematica, ho scelto quella attuale perchè avevo paura che più piccola fosse meno leggibile! Che poi alla fine sono io che la ingrandisco ad ogni post che scrivo (impostandola su Grande)... Se dici che più piccola è meglio, mi evito la trafila ad ogni post XD

    Grazie a te di cuore per tutto *w*

    RispondiElimina
    Risposte
    1. Ciao Ariel, prova piu' piccola, vedrai che appena ti abituerai noterai la differenza....

      Elimina
  4. Subito non capivo di cosa parlassi, ma adesso ci sono arrivata :D!
    Ci provo subito, grazie!

    RispondiElimina
  5. ma bella questa!...magari ci metto la manina

    RispondiElimina
  6. Erano giorni e giorni che volevo inserire una favicon, ma non sapevo da dove cominciare!
    Il tuo post è stato illuminante, come sempre! Non so davvero come ringraziarti per aver risolto questo mio rompicapo!! Grazie davvero!!

    RispondiElimina
    Risposte
    1. Ciao Ylenia, sono passata dal tuo blog! Bello bello!

      A parte il fatto che non mi trucco, sono una patita dei prodotti naturali, specie se vegan e cruelty free, che preferisco produrre da sola a casetta mia.

      Ho visto che hai organizzato delle belle iniziative, appena ho un po' di tempo vengo ad saperne di piu'.

      Mi piace molto il tuo header, lo hai disegnato tu?

      Bacioni, alex

      Elimina
    2. Grazie mille!!
      Detto da te vale per il triplo!!! Anche se sono sempre in continua lotta per migliorlo, mi sembra sempre che manchi qualcosa, ma non so esattamente cosa!!

      Si anche io appena posso li produco a casa, anche se ultimamente ho trovato varie marche a buon prezzo e di buonissima qualità!

      Ti ringrazio ancora per le dritte sulla favicon! Geniale!

      L'header lo ha disegnato una mia amica, non so a cosa si sia ispirata! Siccome però mi piaceva glielo ho sottratto!!

      Grazie ancora per la visita :)

      Elimina
  7. Risposte
    1. Complimenti per il tuo angolino felice, vedo che anche a te piacciono le cose super cute, pupazzetti e cosine giapponesi varie....

      ah, e complimenti anche per i baffi!

      Con affetto, Alex

      Elimina
  8. Ciao Alex! L'avevo fatto sì, ma non ricordo davvero come! Avevo appena aperto il blog e il mio metodo scientifico era: "che è sto bottone? mah! proviamo!". E ho scelto come immagine il bruco che campeggia nel mio header (gli toglierò credo lo sfondo un giorno e a sto punto userò sicuramente il tuo tutorial!). Tra parentesi, avevo rimosso, se mai l'ho saputo, che si chiamasse favicon! Grazie!!! Daniela

    RispondiElimina
    Risposte
    1. Ciao Dani, mi sa che usiamo esattamente lo stesso metodo scientifico.... vedo e provo anch'io!

      Elimina
  9. Ciao Alex, grazie del tutorial! Io ci ho provato ma...niente da fare, sul layout c'è la mia immagine ma sul blog...resta sempre la B..chissà perché?!

    RispondiElimina
    Risposte
    1. Ciao tesora, leggi l'update nel post... ti basta pulire i cookies... io la vedo!

      Elimina
    2. Grazie Alex, ora è a posto. la vedo anch'io!!
      Baci
      Carmen

      Elimina
  10. Alex hai ricevuto le mie email?! Interessante questo tutorial credo che mi metterò all' opera. Grazie come sempre!!

    RispondiElimina
  11. Grazie Alex, lo farò di sicuro non appena avrò individuato cosa mettere in alternativa. =)
    Daniela

    RispondiElimina
  12. Alex ho provato a farlo ma l' immagine si vede nel Layout ma nel blog c'è la B, dove ho sbagliato?

    RispondiElimina
    Risposte
    1. Ciao Ema, non hai sbagliato nulla.. io la vedo... torna su a leggere l'update al mio post!

      Sono passata da te e piu' guardo il tuo design e piu' mi piace!

      Bacioni, Alex

      Elimina
  13. Grazie mille per questo tutorial ... è una cosa che mi sono sempre ripromessa di imparare a fare! Baci e buon lunedì.

    RispondiElimina
  14. Anch'io continuo a trovare la B anche se nel layout c'è il favicon. Ho provato in tutti i modi, ma resta così. Complimenti per i post utilissimi, comunque.

    RispondiElimina
    Risposte
    1. Ciao grazia, mi daresti il nome del tuo blog?

      Elimina
  15. io l'avevo già fatto ma l'avevo fatto fare al mio ragazzo che è informatico, perchè io di html non ci capisco proprio niente :)
    questo tutorial è semplicissimo da seguire, grazie per i tanti consigli utili che ci dai, migliorare il blog è nella mia to do list da un bel po' :)
    buona settimana

    RispondiElimina
  16. Ciao Alex.
    Guarda cosa sono riuscita a fare, grazie alle tue preziose indicazioni!
    Michela
    http://creareregali.blogspot.it/2013/08/il-mio-primo-tutorial.html
    PS: per me sono traguardi!!!!!! Grazie ancora! :)

    RispondiElimina
  17. Ecco un'altra cosa che volevo fare da un po'!
    Grazie Alex, me la appunto e appena ho un attimo ci provo anche io!

    Daniela

    RispondiElimina
  18. Ci ho provato ma a me, come vedo anche ad altre, sul layout appare modificata mentre nel blog rimane la B. Boh! =)
    Daniela

    RispondiElimina
  19. Tu mi fai paura ... Ma mi leggi nel pensiero ?!!!!? Pensa che la settimana scorsa mi sono accorta del tuo favicon (adesso so anche come si chiama;)) personalizzato e mi sono chiesta come si potesse modificare! Ed ecco qua il post con tutorial^^ grazie Alex! Un bacione<3

    RispondiElimina
  20. Ecco il mio blog, fresco di giornata o quasi:
    http://scriverevivere.blogspot.it/

    RispondiElimina
  21. Come farei senza di te.
    Grazie per tutto.
    Marina

    RispondiElimina
  22. niente da fare per me...non credo sia un problema di cookies visto che ho l'impostazione di cancellazione all'uscita dal browser (ho anche controllato, eliminato il poco che c'era e riavviato il computer...)

    RispondiElimina
    Risposte
    1. bhe...improvvisamente adesso appare, senza che io abbia fatto nulla di nuovo

      Elimina
  23. In ritardo leggo il tuo post e al più presto cercherò di provare favicon per sostituire la B di blogger! Grazie! Dani

    RispondiElimina
  24. pant pant Alex ho provato anch'io ... eliminato la navbar e caricato un immaginetta non so se si capisce
    ma forse ci sono riuscita ... iuppieeeeee
    grazie tante
    giusi_g

    RispondiElimina
  25. Ciao Alex, grazie mille per le tue istruzioni...sono andata subito a inserire una favicon personalizzata sul mio blog!

    RispondiElimina
  26. Spiegazione ottima per una smanettona negata come la sottoscritta! Grazie, ti seguirò sempre! Anna - Juicy Felt

    RispondiElimina
  27. Ciao Ale, stupendo questo tutorial :) ti seguirò sempre!
    -Flavia

    RispondiElimina