Oggi abbiamo cambiato la favicon del blog. Da quella standar che mette Blogger (il servizio di Google che usiamo per gestire questo sito) a quella personalizzata nostra.
Che cos'è una favicon?
La favicon è presente su tutti i siti, da facebook al nostro blog, è quella piccola immagine che compare a sinistra della scheda aperta sullabarra degli indirizza o meglio: quella che compare a sinistra dell'indirizzo URL del tuo blog.
Come abbiamo fatto?
Ecco quindi una piccola e rapidizzima guida per farlo anche nel suo sito ospitato con dominio .blogspot:
Per prima cosa vai su "modello" e salvi una copia di backup cliccando sul tasto in alto a destra "backup/ripristino" in modo da riportare il tuo template (lo schema del sito) allo stato in cui si trova ora in caso di errori nella procedura.
Ora vai su Layout, Modifica HTML e .
Sfruttando la funzione trova del browser (che apri digitando da tastiera CTRL+f) cerchi "</head>" e incolli sopra il codice:
Per una favicon di formato .png
E ora sostituisci alla scritta in verde sottolineata l'indirizzo url dell'immagine che diventerà la tua favicon personalizzata.
Ora salva il modello e il gioco è fatto!
Semplice no?
E tu che favicon hai usato?
Noi questa:
Se hai problemi, contattaci!
Che cos'è una favicon?
La favicon è presente su tutti i siti, da facebook al nostro blog, è quella piccola immagine che compare a sinistra della scheda aperta sullabarra degli indirizza o meglio: quella che compare a sinistra dell'indirizzo URL del tuo blog.
Come abbiamo fatto?
Ecco quindi una piccola e rapidizzima guida per farlo anche nel suo sito ospitato con dominio .blogspot:
Per prima cosa vai su "modello" e salvi una copia di backup cliccando sul tasto in alto a destra "backup/ripristino" in modo da riportare il tuo template (lo schema del sito) allo stato in cui si trova ora in caso di errori nella procedura.
Ora vai su Layout, Modifica HTML e .
Sfruttando la funzione trova del browser (che apri digitando da tastiera CTRL+f) cerchi "</head>" e incolli sopra il codice:
Per una favicon di formato .png
<link href='url favicon.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Per immagine .gif (quelle animate) <link href='url favicon.gif' rel='icon' type='image/gif'/>
E ora sostituisci alla scritta in verde sottolineata l'indirizzo url dell'immagine che diventerà la tua favicon personalizzata.
Ora salva il modello e il gioco è fatto!
Semplice no?
E tu che favicon hai usato?
Noi questa:
Se hai problemi, contattaci!
Commenti
Posta un commento