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.