Cambiare miniatura (favicon) nei Preferiti di Chrome e Edge

Gli amministratori dei siti hanno la prerogativa di scegliere un logo per le loro pagine web. Si tratta di un'immagine, solitamente quadrata, che può essere modificata a discrezione di chi può accedere alla piattaforma del sito.

Qualche anno fa ho pubblicato una guida per personalizzare il logo di un sito creato con il servizio Blogger di Google. Questo logo viene rilevato dai browser che accedono alle pagine del sito e viene memorizzato nella cache.

Si visualizza nella scheda del browser a sinistra del nome della pagina e, se detta pagina viene aggiunta nei Preferiti, viene visualizzata anche in tale elenco. Si tratta di una funzionalità utile per l'utente in quanto visivamente può individuare più facilmente il logo del sito e quindi il suo link. I loghi dei siti creati con questa funzione vengono chiamati favicon che è la crasi della espressione inglese favourite icon cioè icona preferita.

Come modificare la favicon di Blogger da Layout o dal modello.

Quando si apre una pagina web nella scheda del browser, a sinistra del titolo della pagina viene visualizzata una piccola icona chiamata favicon che è una contrazione della espressione inglese favorite icon. Questa funzionalità è stata introdotta dalla Microsoft con Internet Explorer 5 ma adesso è comune a tutti i principali browser. All'inizio la favicon era posizionata nella radice di archiviazione ovvero in quella che viene anche chiamata webroot. In seguito è stato introdotto un apposito tag HTML per aggiungere la favicon nella sezione HEAD della pagina web con questa sintassi

        <link rel="icon" href="http://...../favicon.ico" />

dove si inserisce l'URL diretto della immagine della favicon. All'inizio le favicon erano tutte in formato .ICO ma adesso possono essere aggiunte come favicon anche immagini .GIF o .PNG. Un discorso analogo vale per le dimensioni. Quelle delle immagini in formato .ICO erano comprese tra 16 e 48 pixel mentre le immagini .PNG e .GIF possono essere di qualunque dimensione.

Come aggiungere l'Icona Preferita a Blogger.

Da molto tempo i più esperti avevano inserito la favicon per mostrare una immagine diversa dalla B bianca di Blogger su sfondo arancione nella barra del browser. Poi Blogger ha introdotto questa funzionalità prima su Blogger in Draft e successivamente nella Bacheca normale.

Nella versione italiana all'inizio c'erano dei problemi di grafica visto che la scritta del widget era parzialmente coperta da Modifica. Da qualche settimana è tutto perfettamente funzionante. Ho potuto testare questa feature su Chrome, Firefox, Internet Explorer 9 e Safari e funziona con tutti i browser. Per vedere correttamente l'icona potrebbe essere necessario rinfrescare un paio di volte la pagina per acquisire i nuovi cookie.

Vediamo come procedere per inserire la favicon o Icona Preferita direttamente dalla Bacheca di Blogger. Per prima cosa bisogna procurarci una immagine perfettamente quadrata nei formati JPG, PNG, GIF. In teoria si potrebbero anche caricare immagini animate ma non ho testato se si animano effettivamente e dovrebbero essere comunque di peso inferiore ai 100kB.

Per rendere una immagine perfettamente quadrata si può usare un programma di grafica quale Photoshop o Gimp. Se nel computer non ne abbiamo installato nessuno, possiamo procedere a un ritaglio e a un eventuale ridimensionamento con l'ottimo editor Pixlr che è uno strumento online. Si apre Pixlr, si clicca su Apri immagine dal computer e si seleziona il file da modificare. Successivamente si può ritagliare la foto e ridimensionarla

Come creare un elenco di link personalizzato per Blogger.

I blog su Wordpress e altri CMS hanno la favicon che si trova a questo indirizzo www.esempio.com/favicon.ico. Per un blog su Blogger se si digita nel browser

www.ideepecomputeredinternet.com/favicon.ico

si vedrà l'immagine della B bianca di Blogger sullo sfondo arancione. Sarà la stessa per tutti i blog, lo potete constatare sostituendo l'URL del mio blog con un altro. Anche se si è personalizzato la favicon, si vedrà invariabilmente la stessa icona. Nel caso si voglia inserire la favicon di un sito in un articolo o in una pagina web, dobbiamo adoperare questo codice HTML

<img src="http://www.esempio.com/favicon.ico"/>

Non tutti i siti permettono di acquisire la propria favicon. In questo caso ci viene in aiuto Google attraverso un metodo automatico di acquisizione delle favicon. Se vogliamo postare l'immagine della favicon di un sito web che non ci consente di acquisirla dobbiamo incollare questo codice HTML

Iconj per creare, convertire e scaricare favicon anche animate.

Le favicon sono quelle piccole immagini che si vedono accanto all'indirizzo nella barra del browser o nei Preferiti. Si tratta spesso di un logo correlato con la pagina a cui si riferisce. Internet Explorer supportava solo le favicon in formato ICO ma, a partire dalla versione IE8, riesce a mostrare anche le immagini in formato PNG e JPG. Negli altri browser più importanti, come Chrome, Firefox, Opera e Safari, è supportato anche il formato GIF. Le favicon animate in GIF sono al momento compatibili solo con Firefox ma in questo settore i cambiamenti sono all'ordine del giorno.

Fatta questa rapida premessa passo a illustrarvi le risorse che vengono offerte da Iconj in termini di favicon e di strumenti per la loro creazione.

1. iPhone Style Icon Generator: è un tool che consente di creare delle icone in stile iPhone a partire da delle foto caricate. E' possibile caricare file immagini in formato JPG, PNG, GIF, BMP, ICO e TIFF fino a un massimo di 1MB. Dopo la conversione si può scaricare l'icona in formato ICO o PNG con sfondo trasparente da 16x16 a 256x256 pixel. Si possono scegliere vari livelli di glass reflection.
2. Online Pic to Icon Converter: è un altro tool gratuito per generare delle icone dalle immagini. Si possono ridimensionare immagini in formato JPG, GIF, PNG, ICO, BMP o TIFF che potranno essere scaricate nelle dimensioni 16x16, 32x32, 48x48, 64x64, 96x96, 128x128, 256x256 mei formati ICO, PNG, JPG, GIF, o BMP. Il peso massimo dell'upload è di 1MB e si possono creare favicon trasparenti caricando immagini trasparenti in PNG e favicon animate a partire da immagini animate in GIF
3. Pixel Icon Generator: si tratta di un servizio per creare favicon attraverso una scomposizione in pixel di una foto che dovrà essere caricata. Vengono supportati gli stessi formati dei tool precedenti. Anche con questo servizio possono essere create delle favicon animate.
4. Galleria di 18.000+ favicon animate: ci sono più di 18.000 favicon animate che possono essere scaricate gratuitamente per uso personale. Se invece si vogliono inserire in un sito commerciale, occorre acquistare una licenza al prezzo di 5 dollari per ciascuna icona.

Personalizzare la favicon su Blogger.

Le favicon sono quelle piccolissime immagini che appaiono accanto all'indirizzo del browser quando si apre un sito. Il nome deriva dalla contrazione dell'espressione favorite icon (o favourite) ed è diventato di uso comune anche in italiano. Poche ore fa con un post sul blog Blogger in Draft è stato annunciato che sarà possibile caricare la nostra immagine preferita senza mettere mano al codice. L'operazione è già possibile anche per i blog in lingua italiana e per poterla effettuare occorre loggarci nella Bacheca di Blogger in Draft. La cosa è ancora talmente in fase sperimentale che anche il layout ne risente visto che il Modifica viene a sovrapporsi a Icona preferita

Come visualizzare una favicon personalizzata di un blog su Blogger anche con Chrome oltre che con Firefox, Opera e Internet Explorer 8.

Le favicon sono quelle piccole immagini che si vedono accanto agli URL nella barra degli indirizzi del browser o che si visualizzano nei Preferiti quando si apre una cartella. Non tutti i siti ne hanno una personalizzata ma quelli che ce l'hanno sono avvantaggiati in quanto a visibilità quando si vanno a cercare tra i Segnalibri

I blog su Blogger hanno tutti di default una B bianca su sfondo arancio che non è il massimo della esteticità e, quello che è peggio, non si distinguono uno dall'altro

Come inserire una favicon in Blogger visibile anche con Internet Explorer.

La favicon è quella piccola immagine che compare accanto all'indirizzo nella barra del browser. Se si mette un sito nei Preferiti si visualizza anche in quel menù e permette di far risaltare meglio i siti e caratterizzarli per un migliore riconoscimento.

Questa personalizzazione è comunque un arricchimento per il blog e fa una buona impressione sui visitatori. I siti che hanno un'immagine al posto della anonima B di Blogger guadagnano già dei punti di primo acchito.

Google Reader adesso mostra anche le favicon dei siti a cui siamo abbonati.

Nel momento in cui si apriva Google Reader, si vedevano tutti i feed a cui ci siamo iscritti con nessun elemento grafico in grado di individuarli. Ci era venuta in soccorso l'estensione Greasemonkey con il suo script Google Reader Favicon ++ che consentiva di mostrare le favicon di tutte le sottoscrizioni.

Adesso questa opzione è possibile averla anche direttamente tramite le Impostazioni di Google Reader come è stato annunciato da Google Operating System.

Per inserire questa feature veramente utile dobbiamo per prima cosa disattivare lo script di Greasemonkey, se lo avevamo installato, quindi entrare in Google Reader, andare su Impostazioni > Preferenze e mettete la flag a Show favicons for subsciptions

Questa opzione consente di individuare rapidamente il feed che stiamo cercando attraverso la sua icona caratteristica e salvaguarderà la nostra vista quando si ha a che fare con centinaia di feed. Ecco come si presenteranno i siti dopo l'introduzione di questa personalizzazione

Alla sinistra di ciascuno comparirà l'icona che lo contraddistingue. Unico neo è che tutti i blog su Blogger hanno la stessa icona e non è visibile quella personalizzata che può essere stata inserita.

Come inserire un filmato al posto della favicon in un blog su Blogger.

La favicon è quella piccola immagine che si vede nella barra degli indirizzi e che per i blog su Blogger è una anonima B bianca su sfondo arancione. Per prima cosa dobbiamo procurarci il filmato che vogliamo inserire al suo posto e che deve avere le seguenti caratteristiche

1. Deve avere una forma del player il più possibile quadrata
2. Avere immagini in movimento rapido perché se ne potrà estrarre solo pochi secondi

Dopo aver scelto il video dovremo estrarne il pezzo da usare come favicon e convertirlo in un'immagine animata. Tutto questo lo possiamo fare con il fantastico programma Format Factory.
Apritelo e scegliete Video > Tutti verso GIF





quindi andare su Aggiungi File e selezionare il filmato da cui estrarre il nostro videoclip; può essere di qualsiasi formato tanto Format Factory riuscirà comunque a convertirlo. Scegliere Opzioni quindi gli orari di inizio e di fine del filmato, metter la spunta a Ritaglia per selezionare una porzione di schermo il più possibile quadrata, cliccare su OK e nuovamente su OK nella finestra successiva






Siete quindi tornati nella schermata iniziale e non resta che cliccare su Vai per iniziare la conversione dello spezzone selezionato e con il ridimensionamento inserito. Il filmato sarà diventato un'immagine animata in GIF e,per ottenerne una favicon, dobbiamo rinominarla in ICO, darle cioè un nome tipo "animazione.ico". In seguito dovrà essere caricata su un hosting tipo Skydrive (ecco il link della animazione).
Per inserirla come favicon dobbiamo andare su Layout > Modifica HTML e cercare la riga </head>. Immediatamente sopra incollare il seguente codice

<link href='URL_favicon' rel='shortcut icon'/>
<link href='URL_favicon' rel='icon'/>

dove al posto di URL_favicon occorre inserire il suo indirizzo nel web. Ecco lo screenshot dell'inserimento





Salvare il modello e il procedimento è compiuto. Ho applicato una favicon realizzata con questo metodo al blog in cui ho inserito il menù orizzontale espandibile. Prima della modifica ecco come si presentavano le favicon dell'indirizzo e della scheda del browser




 Se avete Firefox potete invece ammirare le evoluzioni dell'Uomo Ragno tra i grattacieli di Manhattan. Con altri browser non sempre le favicon personalizzate sono visibili, con IE praticamente mai .

Come creare una favicon per il blog che funzioni anche con Internet Explorer 8 con Favicon for Pics.

Andate su Favicon from Pics e scegliete tra le opzioni che vi si presentano

1. Generare una favicon da una immagine del vostro computer
2. Creare una favicon con l’immagine del vostro account in Twitter
3. Aggiunger Add IE8 Accelerator for favicons

L’ultima funzionalità permette di aggiungere un acceleratore ad Internet Explorer 8 in grado di visualizzare le favicon. Devo dire che le cose migliorano ma che non è del tutto efficiente. Per utilizzare quest’ultima feature aprite Internet Explorer 8 e cliccate sull’icona di Add IE8 Accelerator

Se invece vogliamo creare una favicon selezioniamo un’immagine quadrata dal nostro computer, andiamo su Sfoglia, quindi clicchiamo su Generate Favicon.ico. Si può scaricare tutto il package delle favicon create, oppure si possono ulteriormente personalizzare scegliendo Customize

Le personalizzazioni sono veramente tante e vanno dall’aggiunta di un testo scorrevole, a quella di aggiungere un colore di sfondo, o un bordo. Si può anche convertire in un’immagine in bianco e nero, ecc. Il testo scorrevole può anche essere personalizzato come colore.

Una funzionalità interessante è quella che si può vedere in anteprima come funzionerà questa favicon nel browser che stiamo utilizzando.

Sicuramente il miglior sito che abbia trovato per la generazione di favicon. Su come inserire una favicon nel modello di Blogger per renderla visibile ai navigatori consultate l’articolo

• Come inserire una favicon personalizzata in Blogger -

Alpoy è uno strumento per creare avatar animati da delle immagini che possono anche essere usati come favicon di Blogger.

Alpoy funziona come sito web2.0 ed è anche un’estensione sperimentale per Firefox.

Se andate sul sito vi potete registrare ed iniziare a creare i vostri avatar andando su Collect Images e scegliendo le immagini che possono essere selezionate dal computer, dal web o anche da Youtube.

Ciascuna immagine inserita con Browse Image può essere ridimensionata e ruotata

Quando si è finito si clicca su Crop, quindi su OK. Si possono caricare fino a 30 avatar  che saranno visibili nella parte bassa della finestra

Per editarli andiamo nella scheda Design che si trova in alto e che permette, facendo doppio click su uno qualsiasi, di editarlo con strumenti quali lapis, linea, testo, cerchio, rettangolo, contorno trasparenza, larghezza, ecc

  

Quando si è finito si può salvare o scaricare cliccando su Save o Download. Se si vuole creare un avatar animato bisogna scegliere Animate che si trova sotto Edit nel menù a tendina. In questo caso con il mouse si trascineranno tutte le icone che vogliamo nella timeline e sceglieremo i secondi che dovranno rimanere visibili. In sostanza sarà creata un’animazione in formato GIF

Per completare si clicca prima su Animate, quindi su Download GIF per scaricarla.

Se si ha un blog sulla piattaforma Blogger possiamo anche utilizzarla come favicon che sarà visualizzata da chi ha il browser Firefox.

Per farlo seguite le indicazioni della seconda parte dell’articolo

• Inserire una favicon animata in GIF in Blogger -

avendo l’accortezza di

1. Rinominare il file GIF in ICO
2. Caricarlo su SkyDrive e non su Google Page Creator che verrà chiuso
3. Incollare il codice dell’articolo nel modello del vostro blog dopo aver inserito l’URL dell’immagine caricata

Se avete Firefox si può installare, come già detto, anche l'estensione Alpoy da questo collegamento, mettendo il segno di spunta considerato che si tratta di un add-on sperimentale. In questo caso si può fare tutto con pochi click. Quando si vede un’immagine che ci interessa clicchiamo sul destro del mouse, quindi su Create Avatar

e saremo reindirizzati al sito Alpoy e l’immagine su cui abbiamo cliccato sarà caricata automaticamente come nuovo avatar. 

Per finire andando sulla scheda Manage possono essere gestiti gli avatar che abbiamo generato e anche eliminati quelli che non ci piacciono più.

Un sito web2.0 che credo piacerà molto alle donne .

Convertire un filmato in immagini animate ed inserirle come favicon nel blog su Blogger.

Dico subito che la video-favicon sarà visibile solo su Firefox mentre con gli altri browser si vedrà solo una immagine fissa.

Questo articolo è il seguito ad altri dedicati a questo argomento

• Inserire una favicon personalizzata su Blogger
• Inserire una immagine animata di tipo GIF come favicon
• Mettere una favicon con testo scorrevole

Adesso siamo al passo finale; credo che un ulteriore miglioramento sia solo quello di rendere visibile la favicon anche su Explorer e gli altri browser.

Occorre innanzitutto procurarsi un breve filmato poco dettagliato perché altrimenti visto la dimensione della favicon non si riesce a capirci nulla. Il filmato dovrà anche possibilmente avere una dimensione quadrata (100x100 p.e.). Successivamente occorre convertirlo in formato GIF. Se avete Total Video Converter  potete farlo sul vostro computer in pochi clic come spiegato in questo post. Se non lo avete nessun problema perché basta accedere al sito Media Convert e caricare il file da convertire attraverso Sfoglia e scegliendo il formato di entrata

Quindi scegliere il formato di uscita come Animated GIF e cliccare su OK

Ci sarebbero anche altre funzionalità come

• Unire più video
• Cambiare la dimensione del video
• Cambiare il numero dei fotogrammi al secondo
• Cambiare la traccia dell'audio ed inserirne un altro
• Adeguare la lunghezza dell'audio al video
• Dividere il video in più parti

ma in questo caso a noi interessa la conversione in GIF. Quando è terminata cliccare sul nome di colore verde del vostro file che salverete in una cartella del vostro hard disk.

Adesso questo file con estensione GIF va caricato sul web. Vi consiglio di usare SkyDrive che è molto capiente ma vanno bene anche altri hosting gratuiti. Prima di farlo però è indispensabile rinominarlo e chiamarlo p.e. video-favicon.ico.

Trasformiamo cioè manualmente il formato GIF in formato ICO che è quello delle favicon. Il computer vi avvertirà che il file potrebbe non aprirsi ma voi continuate.

Quando il file è caricato cliccateci sopra fino a che non vedete il video dell'animazione.

Selezionate e copiatene l'URL dalla barra degli indirizzi quindi salvatelo negli appunti o in un file di testo.

Adesso andate in Personalizza>Layout>Modifica HTML, scaricate un modello completo per sicurezza, e immediatamente sopra al codice </head> incollate quest'altro codice

<link href='indirizzo-videofavicon' rel='shortcut icon'/>
<link href='indirizzo-videofavicon' rel='icon'/>

dove al posto di indirizzo-videofavicon inserite quello acquisito su SkyDrive o di un altro hosting che avete usato.

Non è che abbia fatto un capolavoro, forse avrei dovuto mettere un'immagine un po' più movimentata, ma se volete vedere il risultato (avendo Firefox!) andate su quest'altro mio blog.

 

Inserire in Blogger una favicon con testo scorrevole visibile con tutti i browser escluso IE.

In un articolo precedente ho parlato di come creare una favicon animata. Adesso facciamo qualcosa di ancora più originale inserendo una scritta scorrevole. Tutto questo può sembrare solo un gioco senza nessun beneficio pratico, invece non è così per almeno tre buoni motivi

• La cura dei dettagli fa pensare al visitatore occasionale che il nostro sia un blog di alto livello.
• Tutte queste features accrescono la curiosità che è propedeutica all'interesse
• Invece di avere una B bianca su sfondo arancione, come tutti gli utenti di Blogger, avere qualcosa di diverso ed originale ti fa riconoscere immediatamente in mezzo agli altri se qualcuno mette il tuo sito tra i Segnalibri.

La cosa negativa di questa personalizzazione è che è visibile solo in Firefox ma anche su Explorer dovrebbe comunque sparire la B di Blogger sostituita da un'immagine meno anonima.

Per prima cosa ho creato un'immagine logo con Photoshop di dimensioni 80x80. Siccome sono pigro ho solo messo un carattere di testo

Sicuramente avrete più fantasia di me!. Quindi sono andato sul sito Animated Favicon. Questo sito offre la possibilità di creare delle favicon con testo scorrevole. Il problema è che il procedimento descritto non funziona in Blogger. Dopo un paio di tentativi ho capito come occorre procedere.
Cliccare su Sfoglia per scegliere l'immagine del vostro logo ed inserire la scritta che volete compaia nella favicon. Infine premere su Create Favicon e su Get it Now quando è terminato il processo

La nostra realizzazione sarà scaricata sotto forma di un file in formato ZIP che dovrà essere scompattato con il programma Zip Genius o analogo che può essere scaricato gratuitamente. Per farlo cliccare sul destro del mouse quindi Zip Genius>Estrai qui

Compariranno 6 file ma quello che dovete considerare è animated_favicon.gif. Li altri li potete anche cancellare. Adesso rinominatelo come favicon animata.ico. Il computer vi avvertirà che il file potrebbe non essere più aperto, procedete comunque.
Adesso caricatela in un hosting come Google Page Creator o SkyDrive e acquisitene l'indirizzo con il tasto destro del mouse



Andate adesso In Personalizza>Layout>Modifica HTML
e cercate nel modello il tag </head>, quindi immediatamente sopra incollate il seguente codice
<link href='indirizzo-favicon' rel='shortcut icon'/>
<link href='indirizzo-favicon' rel='icon'/>
Dove al posto di indirizzo-favicon va messo l'indirizzo acquisito precedentemente. Nel sito si fa presente che questa favicon dovrebbe essere visibile con tutti i browser. Ho qualche dubbio, comunque coloro che non la visualizzassero ecco cosa vedrebbero se avessero Firefox.
Aggiornamento: Per vedere la favicon anche con Google Chrome seguite le istruzioni del post

• Visualizzare la favicon di un blog su Blogger anche con Chrome -

---

Inserire una favicon animata in GIF in Blogger.

Solo se avete Firefox la potete vedere mentre con Explorer vedrete solo un'immagine fissa.

Ma cosa è una favicon? E' quella immagine piccola che sta a sinistra dell'URL o del nome del sito nei Browser ed è un po' la caratteristica o, se volete, il logo del blog. Dico subito che avevo fretta e non ho fatto un lavoro di fino, mi ripropongo quindi di migliorarlo decisamente nei prossimi giorni. Adesso voglio solo mostrarvi il procedimento che è semplicissimo.

In questo articolo avevo spiegato come inserire una favicon in Blogger. Adesso facciamo un ulteriore passo avanti e creiamola animata. Dico subito che ci sono dei siti in cui si può fare gratuitamente e sono

• Animated Favicon
• Favicon from Pics

Questi siti però con Blogger fanno un po' i difficili o forse sono io che ho sbagliato qualche procedura. Allora ho deciso di fare da solo e vi dico brevemente la linea che ho seguito. Apriamo un programma di grafica tipo Photoshop e creiamo delle immagini che vogliamo animare perfettamente quadrate. Oppure si possono scegliere immagini qualsiasi senza testo e senza usare programmi di grafica. Non bisogna mettere freni alla fantasia. Ho quindi acquisito queste tre immagini 100x100 pixel

              

Quindi sono andato sul sito GifMake.com e ho inserito le tre immagini attraverso Sfoglia, Upload quindi ho messo un intervallo di 60 tra immagine e immagine. Infine ho cliccato su Generate GIF e scaricato il file in formato GIF pigiando su Download.

Adesso ho fatto una furbata senza sapere se andava a buon fine oppure no. Ho cioè rinominato il file in GIF che avevo scaricato in file ICO. Cioè ho cambiato l'estensione. Il computer mi ha detto che potevo perdere il file ma ho continuato; al posto di favicongif.gif ho sostituito favicongif.ico

In questo file non si vede per niente l'animazione ma questa è presente in forma latente. L'ho quindi caricato su Google Page Creator ma si può usare anche SkyDrive. Ho quindi acquisito l'indirizzo cliccando sul destro del mouse

Sono andato su Layout>Modifica HTML e immediatamente sopra al tag </head> ho incollato questo codice.

<link href='indirizzo-favicon' rel='shortcut icon'/>
<link href='indirizzo-favicon' rel='icon'/>

Dove al posto di indirizzo-favicon ho inserito quello che avevo acquisito su Google Page Creator per la mia immagine GIF rinominata.

Il risultato come potete vedere non è eccellente perché in uno spazio così piccolo è meglio inserire parole più corte o, magari, nessuna parola ma solo immagini. Penso per esempio ad un logo che cambia più volte di colore o si deforma. Io ho utilizzato 3 immagini ma naturalmente se ne possono usare anche di più.

P.S. Lo potete vedere solo se avete Firefox!

 

Ti è piaciuto l'articolo? Vota Ok oppure No. Grazie Mille! Puoi votare le mie notizie anche in questa pagina.

7500 icone da scaricare gratis

Le icone sono suddivise in categorie e per ciascun gruppo è previsto il link per il download. Ce ne sono veramente di tutti i tipi.

Le icone sono in formato zip che dopo essere state scompattate possono essere liberamente utilizzate. A titolo di esempio guardate questa serie di icone "motoristiche"

 

Via maestroalberto

Inserire una favicon personalizzata in 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. 100x100 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 "Raccolta foto di Windows" o con "Nero PhotoSnap Viewer" ed ha una dimensione di 16x16 pixel.
Adesso dobbiamo caricarla in un sito a parte visto che Blogger non permette di caricare i file ico. Per far questo potete usare Altervista esattamente come ho spiegato in questo post. 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; io ho scelto http://parsifal32.altervista.com ma poi potete utilizzarlo anche come magazzino di file come vedremo. 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 ico, 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, 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://parsifal32.altervista.org/favicon.ico' rel='shortcut icon'/>
<link href='http://parsifal32.altervista.org/favicon.ico' rel='icon'/>

Naturalmente al posto di http://parsifal32.altervista.org/favicon.ico mettete l'indirizzo della vostra favicon in entrambe le righe altrimenti vi verrà il giglio di Firenze come a me!
Purtroppo la favicon mi sono accorto che viene visualizzata solo con Firefox.

---