Pubblicato il 28/10/09 - aggiornato il  | 2 commenti :

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


format_factory


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



image


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


image


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


favicon

 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 .


2 commenti :

  1. Finalmente un sistema facile per ottenere una gif animata da un video! Ho visto l'uomo ragno, non è un po' grande per finire come favicon? Per usare l'animazione come avatar basta lasciare il file salvato in .gif?

    RispondiElimina
  2. @fabiola
    Devi rinominare il file da animazione.gif a animazione.ico, poi lo carichi sul web e inserisci le due righe di codice

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy