Nuovo template per Crocette e Margherite di Margherita

Alcune settimane fa Margherita del blog "Crocette e Margherite", in una mail mi ha scritto:

Ciao Iole, mi piacerebbe molto rinnovare il mio blog. Adoro il verde e la primavera, i colori e il sole. Ho quattro gattine splendide che sono tutta la mia vita. Faccio un po' di tutto... ma soprattutto ricamo e creo card in carta. Vorrei mantenere uno spirito felice e spensierato, di una bambina che crea!

Con tutte queste informazioni... ecco come ho trasformato il suo blog!

Nuovo template per Delizie & Confidenze di Sabrina

Sabrina di "Delizie & Confidenze", una lettrice e sostenitrice del mio blog, mi ha contattata alcune settimane fa e in una mail mi ha scritto:

Ciao Iole,
vorrei cambiare la grafica del mio blog. Ho in mente un nuovo look con un aspetto "professionale", vorrei mantenere un rosa cipria di colore e la scritta del nome del blog presente nel mio timbro.

Dopo qualche email con maggiori dettagli e dopo lunghe chiacchierate su WhatsApp... ecco come ho trasformato il suo blog!

Per Anna e Cristina: firma e favicon animata

Anna e Crisitina, del blog perlAmica, sono due delle fortunate vincitrici del mio concorso dedicato a tutte le donne.

Da regolamento potevano richiedere un widget personalizzato.

Visto che per Rosaria ho realizzato due widget, ho comunicato loro la possibilità di richiederne due. E così hanno scelto: una firma animata da inserire sotto ogni post e una favicon animata.

Ed ecco i widget che ho realizzato per loro!

Firma animata

Per inserire la firma alla fine dei post
andate in Blogger - Design - Modifica html.
Cliccate su "Espandi i modelli widget".
Incollate questo codice subito dopo la riga
<data:post.body/>

<script language='javascript' src='http://www.calizzi.it/iole/posts200/post257/perlAmicaFirma.js' type='text/javascript'></script>

Favicon animata

Per personalizzare la favicon del vostro blog andate in Blogger - Design - Modifica HTML e inserite questo codice subito dopo la riga:
<title><data:blog.pageTitle/></title>

<link href='http://goo.gl/OkF96' rel='icon' type='image/gif'/>

@Anna e Cristina: per qualsiasi modifica sono qui a disposizione!

Nota

Questi widget, realizzati per Anna e Cristina, possono essere esclusivamente utilizzati da loro due nel loro blog. Chiunque desideri un widget personalizzato lasci un commento con la propria richiesta.

Per Edvige: favicon personalizzata

Edvige, una lettrice e sostenitrice di questo blog, mi ha chiesto di realizzarle una favicon personalizzata per il suo blog.

Utilizzando l'immagine del suo profilo, il suo nome e i colori del suo blog, ho realizzato per lei:

- una favicon animata per tutti quei browser che supportano questo tipo di icona, come Firefox;

- una favicon fissa per gli altri browser, come Internet Explorer e Chrome.

Come personalizzare la favicon del blog

Dopo numerose richieste su come personalizzare la favicon del blog, in particolare come aggiungerne una animata, ecco il post con tutte le istruzioni.

Innanzitutto cos'è la favicon?

Per tutti i blog su Blogger, di default la favicon è rappresentata da un'immagine arancione con una B bianca (questa per intenderci) che compare nella barra degli indirizzi e nel tab del browser:

Per personalizzare la favicon possiamo utilizzare un'immagine di tipo ico o png; per averne una animata dobbiamo utilizzare un'immagine gif.

L'icona deve avere dimensioni 16x16 px oppure 32x32 px.

Il codice da inserire nel template subito dopo la riga
<title><data:blog.pageTitle/></title> è il seguente:

per file .ico:

<link href='url_favicon.ico' rel='shortcut icon' type='image/x-icon'/>

per file .png:

<link href='url_favicon.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

per file .gif:

<link href='url_favicon.gif' rel='icon' type='image/gif'/>

Ed ecco alcuni link utili per creare una vostra favicon personalizzata:

• favicon.cc: potrete creare la vostra favicon (anche animata) disegnando nell'editor che il servizio mette a disposizione.
• Free Online Favicon Generator: vi basta caricare un'immagine e avrete la vostra favicon.
• www.degraeve.com: potrete creare una favicon disegnando sull'editor o caricando una vostra immagine.
• Iphone icon generator: potrete creare una favicon in stile I-phone.

Per il mio blog ho utilizzato una favicon fissa e una animata . Come al solito queste modifiche non sono interpretate allo stesso modo da tutti i browser. Infatti se aprite il mio blog con Firefox vedete la favicon animata, con Chrome e Internet Explorer invece vedete quella fissa.

E queste sono le favicon animate che ho realizzato per alcuni miei amici:

• per il blog di Amsis
• per l'utilissimo Amsis Delicious Widget
• per il blog di Sauro
• per il blog di Benzene
• per il blog di Elisabetta
• per il blog di Edvige

Resto a disposizione per ogni dubbio e chiarimento.