sabato 18 marzo 2006

Come inserire l'icona personalizzata sul blog





Ho sempre voluto inserire un icona personalizzata per il mio sito che si visualizzasse accanto all' indirizzo nell'apposita barra, nei preferiti ecc.ecc
Finalmente grazie a blogspot posso. I procedimenti da fare sono molto semplici.
  1. Andate in questa pagina, inserite l'immagine che volete trasformare in icona e cliccate su "Generate FavIcon.ico"
  2. Scaricate il file generato sul vostro disco, apritelo ed estraete il file favicon che si troverà al suo interno.
  3. Inserite questo file (che è la nostra icona personalizzata) da qualche parte sul web, una soluzione gratuita ad esempio potrebbe essere Altervista che consiglio.
  4. Inserirte il comando: link rel="shortcurt icon" href="http://.....restante.....percorso.... ./nomeicona.ico" il tutto tra le parentesi ad angolo come vedete nell'esempio riportato qui sotto (cliccate sull'immagine se volete ingrandirla)

Dopo aver salvato e pubblicato il vostro blog con le nuove modifiche non vi resta altro che aprire la pagina con firefox e notare la vostra icona personalizzata accanto all'indirizzo.
Come vedete dall'immagine che ho messo in questo post, la mia icona spunta sulla sbarra dove ho messo i preferiti e mi facilita l'individuazione del blog. Alcuni siti non hanno messo nessuna icona ed infatti a malincuore sono stato costretto a mettere una descrizione occupando maggiore spazio in quella barra.
Se ancora non usate firefox scaricatelo immediatamente in quanto vi protegge dai virus, navigherete più veloce ed ha tantissime funzionalità aggiuntive utilissime rispetto a internet explorer. Trovate il link per scaricarlo nel banner in fondo a questa pagina.

Aggiornamento 23 agosto 2007:

Se quel metodo non funziona, inserite il seguente codice:

Naturalmente dopo l'uguale dovrete inserire l'indirizzo della vostra favicon.

A me così funziona perfettamente sulla nuova versione di Blogger e viene visualizzata anche su internet explorer.

16 commenti:

Soniuccia ha detto...

Ah sei passato a blogspot?Carino,ma non è il mio stile.Cmq sia...si molto Marzulliana lo so :)

Soniuccia ha detto...

Bhe naturalmente,tuttosta nel vedere se hai il tmepo e la voglia d personalizzalro.Io trovo praticamnete tuto pronto sul mio msn space eheheh.

Iò ha detto...

Scusami per la domanda idiota, ma dove dovrei inserire il comando tra parentesi ad angolo che hai indicato? :DD

Alessio ha detto...

Sotto head e sopra title

Bloogo Friends ha detto...

Scusa anche me e la mia ignoranza informatica..
il tuo post è molto interessante e io sto provando ad aggiungere l'icona ma ad esempio su blogspot dove devi aggiungere quel comando?
- aggiungere un elemento html nel blog?
- oppure qualcosa in preferiti?
spero sarai così gentile da aiutarmi. grazieee!!!

Bloogo Friends ha detto...

Grazie sei stato gentilissimo! anche se non ci sono ancora riuscita, mi applicherò appena avrò un po' più di tempo. chissà cosa sbaglio...!?
Certamente che sarai inserito tra i nostri amici!
lot of thanks

Bloogo Friends ha detto...

non son stata capace ;-(

Bloogo Friends ha detto...

in rif. al tuo commento sul nostro blog: cioè?

JackP ha detto...

ci ho provato, ecco cosa ho scritto:
head>
link rel="shortcut icon" href="http://jackbenimble.altervista.org/favicon.ico">
b:include data='blog' name='all-head-content'/>
title> data:blog.pageTitle/> /title>

ma mi dà errore, dice
Messaggio di errore XML: The element type "link" must be terminated by the matching end-tag "".
che devo fare?
p. s. ho dovuto togliere un pò di tag, non mi postava il commento, scusa..

Alessio ha detto...

Pultroppo questo codice non funziona più con la nuova versione di blogger :(

valentina ha detto...

mi permetto di indicare qual'è il codice per la nuova versione di blogspot:
link rel="shortcut icon" href="http://miosito/favicon.ico" /

(Ovviamente tutto chiuso fra <>

va inserito sempre sotto
head

e prima di
b:include data='blog' name='all-head-content'/

ciao a tutti!!

Puppybarf ha detto...

Molto interessante, ma non ho capito 2 cose:

1. Come mai non vedo la TUA icona personalizzata?
2. Come bisognerebbe usare Altervista per hostare l'icona personalizzata?

Grazie e complimenti.

Alessio ha detto...

Non la vedi perchè per navigare usi internet explorer mentre dovresti usare Firefox che è migliore.

Per inserire l'icona su altervista basta che ti registri poi apri la console ed uplodi l'icona

Andrea ha detto...

ciao Alessio ti volevo ringraziare per la spiegazione ma anche Valentina che con il suo commento a completato una spettacolare spiegazione.
ci sono riuscito anche se con un pò di fatica...
se volete vedere come è venuto il blog è:
www.civitaweb.blogspot.com
un saluto a tutti.

Blo ha detto...

Grazie per la dritta!

Anonimo ha detto...

pultroppo...mmm °_°

Il Blog è senza pubblicità.
Se hai il piacere di offrirmi qualcosa, puoi fare una piccola donazione. Grazie.