Come inserire una favicon personalizzata in un blog su blogger

Innanzitutto cosa è la favicon e perché personalizzarla? La favicon è quella piccola immagine che vedete a sinistra dell’indirizzo della pagina web. Tutti i blog che si basano su blogger hanno una B bianca su sfondo arancio. Se uno mette una immagine diversa sarà più facilmente riconoscibile e, in ogni caso, è segno di distinzione.

Per prima cosa dobbiamo crearla andando su questo sito. Ce ne sono molti altri, per un elenco guarda qui. Per crearla dobbiamo avere un’immagine perfettamente quadrata (p.e. 100×100 pixel) e seguire i tre primi passi del sito. La vostra favicon adesso è stata salvata nel vostro computer sotto forma di un file ico. Può essere aperta con “paint” o con altri programmi di editazione ed ha una dimensione di 16×16 pixel.
Adesso dobbiamo caricarla in un sito a parte visto che Blogger non permette di caricare nessun tipo di file, poichè non offre servizio di hosting. Per far questo potete usare Altervista.

Riporto qui di seguito i passi da fare:
Per crearsi uno spazio su Altervista accedere al sito quindi a Crea tuo sito. In questa sezione dovrete riempire un modulo in cui è presente anche il nome del sito che sceglierete;

Il campo della e-mail è fondamentale perché per attivare il sito dovete cliccare sul collegamento che vi verrà inviato. Completata l’attivazione effettuate il login con la password che vi è stata comunicata in alto a destra della pagina. Appena entrati cliccate su Altersito, quindi su Gestione Files, è il secondo da sinistra dopo News. Nella schermata successiva cliccate su Invia Files e scegliete Sfoglia per selezionare il file dalle risorse del vostro PC (in questo caso il file immagine, appena creato). Aspettate la fine dell’upload; appena sarà ritornata la schermata precedente cercate il file caricato, cliccate col pulsante destro del mouse e copiatene il link.

Adesso andate sul vostro blog di blogger, entrate e andate su Layout quindi su Modifica Html quindi mettete un segno di spunta su espandi modelli widget. Adesso cercate il tag

</head>

Immediatamente sopra di questo codice inserite quest’altro

<link href=’http://vostrosito.altervista.org/favicon.ico’ rel=’shortcut icon’/>
<link href=’http://vostrosito.altervista.org/favicon.ico’ rel=’icon’/>

Naturalmente al posto di http://vostrosito.altervista.org/favicon.ico mettete l’indirizzo della vostra favicon.

Add a Comment

X