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}
e nella prossima schermata, selezioniamo la nostra
immagine cliccando {Browse} e poi {Upload}.
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. Clicchiamo {Download Favicon} e ancora {Ok}
dalla finestra appena aperta per salvare la nostra favicon sul computer.
4. Per caricare la favicon sul blog, basta andare
su Layout,
cercare Icona
Preferita e cliccare Modifica per caricarla sul blog.
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?
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).
RispondiEliminaGrazie di tutto!!
Ariel
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!
EliminaTi 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
Eh ai tempi dei forum lo sapevo fare, ma me n'ero completamente dimenticata. Grazie per la dritta!
RispondiEliminaFatto, grazie mille!
EliminaGrazie 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!!
RispondiEliminaGrazie 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*
Ciao Ariel, prova piu' piccola, vedrai che appena ti abituerai noterai la differenza....
EliminaSubito non capivo di cosa parlassi, ma adesso ci sono arrivata :D!
RispondiEliminaCi provo subito, grazie!
ma bella questa!...magari ci metto la manina
RispondiEliminaSi si, la manina sarebbe proprio carina!
EliminaErano giorni e giorni che volevo inserire una favicon, ma non sapevo da dove cominciare!
RispondiEliminaIl tuo post è stato illuminante, come sempre! Non so davvero come ringraziarti per aver risolto questo mio rompicapo!! Grazie davvero!!
Ciao Ylenia, sono passata dal tuo blog! Bello bello!
EliminaA 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
Grazie mille!!
EliminaDetto 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 :)
grazie mille ,fatto ^^
RispondiEliminaComplimenti per il tuo angolino felice, vedo che anche a te piacciono le cose super cute, pupazzetti e cosine giapponesi varie....
Eliminaah, e complimenti anche per i baffi!
Con affetto, Alex
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
RispondiEliminaCiao Dani, mi sa che usiamo esattamente lo stesso metodo scientifico.... vedo e provo anch'io!
EliminaCiao 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é?!
RispondiEliminaCiao tesora, leggi l'update nel post... ti basta pulire i cookies... io la vedo!
EliminaGrazie Alex, ora è a posto. la vedo anch'io!!
EliminaBaci
Carmen
Alex hai ricevuto le mie email?! Interessante questo tutorial credo che mi metterò all' opera. Grazie come sempre!!
RispondiEliminaGrazie Alex, lo farò di sicuro non appena avrò individuato cosa mettere in alternativa. =)
RispondiEliminaDaniela
Alex ho provato a farlo ma l' immagine si vede nel Layout ma nel blog c'è la B, dove ho sbagliato?
RispondiEliminaCiao Ema, non hai sbagliato nulla.. io la vedo... torna su a leggere l'update al mio post!
EliminaSono passata da te e piu' guardo il tuo design e piu' mi piace!
Bacioni, Alex
Grazie mille per questo tutorial ... è una cosa che mi sono sempre ripromessa di imparare a fare! Baci e buon lunedì.
RispondiEliminaAnch'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.
RispondiEliminaCiao grazia, mi daresti il nome del tuo blog?
Eliminaio l'avevo già fatto ma l'avevo fatto fare al mio ragazzo che è informatico, perchè io di html non ci capisco proprio niente :)
RispondiEliminaquesto 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
Ciao Alex.
RispondiEliminaGuarda 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! :)
Ecco un'altra cosa che volevo fare da un po'!
RispondiEliminaGrazie Alex, me la appunto e appena ho un attimo ci provo anche io!
Daniela
Ci ho provato ma a me, come vedo anche ad altre, sul layout appare modificata mentre nel blog rimane la B. Boh! =)
RispondiEliminaDaniela
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
RispondiEliminaEcco il mio blog, fresco di giornata o quasi:
RispondiEliminahttp://scriverevivere.blogspot.it/
Come farei senza di te.
RispondiEliminaGrazie per tutto.
Marina
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...)
RispondiEliminabhe...improvvisamente adesso appare, senza che io abbia fatto nulla di nuovo
EliminaIn ritardo leggo il tuo post e al più presto cercherò di provare favicon per sostituire la B di blogger! Grazie! Dani
RispondiEliminapant pant Alex ho provato anch'io ... eliminato la navbar e caricato un immaginetta non so se si capisce
RispondiEliminama forse ci sono riuscita ... iuppieeeeee
grazie tante
giusi_g
Ciao Alex, grazie mille per le tue istruzioni...sono andata subito a inserire una favicon personalizzata sul mio blog!
RispondiEliminaGrazie mille!!!
RispondiEliminaSpiegazione ottima per una smanettona negata come la sottoscritta! Grazie, ti seguirò sempre! Anna - Juicy Felt
RispondiEliminaCiao Ale, stupendo questo tutorial :) ti seguirò sempre!
RispondiElimina-Flavia
Grazie :)
RispondiEliminaGrazie :)
RispondiElimina