Come inserire le faccine animate nei post su Blogger

Da quando ho pubblicato il post su come inserire le emoticon nei commenti su Blogger, subito molti lettori mi hanno chiesto se fosse possibile farle apparire anche nei post. Cercando in rete per trovare ispirazione ho visto tante proposte ma che per un motivo o per un altro non andavano bene per tutti: alcuni richiedevano di usare Firefox + GreaseMonkey per scrivere i post che avrebbe escluso chi usa un altro browser o Windows Live Writer, alcuni propongono plugin per Windows Live Writer che avrebbe escluso chi non lo usa o non usa proprio Windows (dedico alla fine un paragrafo a quest’ultimo punto), e così via.

Alla fine ho deciso di riadattare lo script già scritto per i commenti e utilizzare sia lo stesso principio (le faccine saranno visibili alla pubblicazione del post) che le stesse faccine. Non ho modificato lo script già esistente per permettere la scelta di utilizzare uno o l’altro, o entrambi, a seconda delle esigenze.

Ho semplificato il tutto e l’operazione richiederà solo l’inserimento di una riga di codice nel template.

Backup del template

Come sempre, ricordatevi di fare il backup del template di Blogger prima di cominciare, e magari di fare un test prima in un blog di prova.

Modifichiamo il template

Da Layout->Modifica HTML, cercate questa riga di codice:

</body>

Subito sopra, incollate questa:

<script src='http://tinyurl.com/yct4e8e' type='text/javascript'/>

Salvate il template ed è fatta.

Creiamo un post con le emoticon

Per fare la prova, pubblicate un post utilizzando la già nota legenda di faccine:

L’uso delle faccine ha creato un post di confusione a volte, quindi ne ricordo l’uso: le faccine appariranno solo alla pubblicazione del post, e per fare apparire una faccina bisogna usare il testo che si trova alla sua destra. Per fare un esempio, per far apparire questo faccino:

Bisogna digitare il testo alla sua destra, cioè:

;))

Il testo può anche essere copiato e incollato, selezionandolo e facendo copia e incolla.

Avvertenze e modalità d’uso

La modifica vale per tutti i post, anche quelli precedenti.

Le faccine verranno caricate come ultima cosa nel blog. Nella maggior parte dei casi non si vedrà la “sostituzione al volo”, ma se il vostro blog ha un caricamento molto lento ci vorrà un po’. La stessa cosa succede nell’area dei commenti. Si può provare ad anticipare la visualizzazione delle emoticon non inserendo il codice nel template ma in un elemento di tipo HTML/Javascript in una colonna di destra. Questo può non valere per tutti i blog, quindi fate la prova.

Per velocizzare il caricamento delle pagine del blog, soprattutto della pagina principale, vi consiglio di usare i post espandibili e di seguire i consigli che ho dato in questo articolo. Potete misurare il tempo di caricamento del vostro blog utilizzando Pingdom Tools o Page Speed di Google.

Se le faccine vi fanno andare a capo il testo, leggete qui per risolvere il problema.

Inserire le faccine con Windows Live Writer

Se utilizzate Windows Live Writer, nell’articolo dedicato alla selezione di plugin per questo programma parlo di Insert Spaces Emoticon, che permette di inserire le emoticon di Messenger mentre si scrive il post.

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!