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.

image

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:

image

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:
Condividi su Facebook Condividi su Twitter Pubblica su 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!

36 commenti:

Palatioli ha detto...

ma che bello...finalmente! L'unica cosa che non mi garba è che l'intervento investe anche i vecchi post...comunque lo provo subito.
Ciao

Tonino G. ha detto...

Ciao ho risolto riguardo al peso della mia pagina. Grazie

Anonimo ha detto...

Grazie Tenebrae,
Integrazione perfettamente riuscita! La butto lì... potresti implementare la faccina degli abbracci e/o queste qui (1, 2 e 3) per noi adorabili Foodbloggers... ?!? faccinaconl'aureola... :D

Grazie sempre! ;))

Ele

♥Mary47♥ ha detto...

Ciao Ten, ho inserito la riga e oggi avevo fatto il mio primo post con la faccina, però come succedeva con i commenti, tutta
la parte dx del blog, andava a finire sotto! :((
C'è qualche soluzione?
Grazie infinite per quanto ci regali! :)

Tenebrae ha detto...

@gianluca: ok! hai capito come mai apparivano tutte quelle favicon?

@deleciously: molto carine, provvederò al più presto ;)

@mary47: hai risolto il problema solo togliendo la modificao anche cancellando il post? per capire se dipende dal post in particolare o dalle faccine

Anonimo ha detto...

Ciao Orazio la cosa è molto simpatica (oltre che estremamente semplice) ma la faccina si posiziona (almeno sui 2 blog dove ho provato) più in alto ed l'effetto (secondo me) perde di "carineria". Puoi suggerirmi qualche correzione? su questo post vedi di cosa parlo http://sauroweb.blogspot.com/2009/12/scarica-e-condividi-legalmente-musica-e.html
Ciao e buone feste a te e tutti i lettori

vanda ha detto...

Ciao Orazio
ho provato ancora una volta ad inserire le faccine nei commenti non sono riuscita mi da questo errore
Non è stato possibile analizzare il tuo modello, in quanto non è strutturato correttamente. Assicurati che tutti gli elementi XML presentino il tag di chiusura richiesto.
Messaggio di errore XML: The end-tag for element type "noscript" must end with a '>' delimiter. cosa devo fare grazie Vanda Auguri :)) :))

♥Mary47♥ ha detto...

Si Ten, ho cancellato la modifica, e tolto il post.
Presumo dipenda dalle faccine, in quanto in alcuni post vecchi (quelli dove avevo inseirito la mia firma), mi uscivano una serie di segni e di faccine varie).
Grazie per l'interessamento! ;)
Buona giornata

lella ha detto...

ciao carissimo,
grazie sempre x i fantastici imput,specialmente quando sono semplici e applicabili x me :D.
Dici ke posso fidarmi a scaricare automaticamente dal link Insert Spaces Emoticon?
tankssssssss
:X
Lella

Anonimo ha detto...

Grazie... :-*

Bietolin@ ha detto...

Ciao Orazio,
ho iniziato da pochissimo la mia avventura nel mondo dei blog ed ho trovato il tuo veramente molto interessante! Complimentoni ;)
Ho appena sperimentato l'inserimento delle faccine nel mio blog bietolinaincucina.blogspot.com ed a prima vista direi che mi è riuscito! Grazie mille, ciao ciao

Elisabetta ha detto...

ciao Orazio :), tempo fa feci la modifica per inserire l'emoticons nei commenti sotto i post.Posso inserire anche questa modifica, oppure l'una esclude l'altra?grazie e buona festa dell'Epifania!! .:)

Ars Tecnica ha detto...

ho dato un'occhiatina allo script, ci sono due errorini secondo me... uno è di battitura, nell'ultima emoticon, per l'altro avevo pensato a questa soluzione, pubblicata sul blog http://formicheinca.blogspot.com.

un saluto

Unknown ha detto...

sigh sob :(( a me non fungeeee!!
perchè???:(

Carlo ha detto...

Ciao... anche a me non funziona come mai?!
Esistono altri modi?!

grazie e ancora complimenti per il blog!

Paolo P. ha detto...

Io le ho imserite nel template di un blog prova e funzionano, ma con l'inserimento nel wiget ( in un altro blog prova ) non funzionano, comunque grazie. Vorrei rendere un po' più professionale questo blog Clicca qui per visitare il mio blog! Dove ho aggiunto il link al tuo blog :| Come vedi ho acquisito anche il codice per " Clicca qui per visitare il mio blog " Ottimo strumento. Grazie Orazio. ;)

mery ha detto...

grazie orazio volevo chiederti se puoi spiegare in un post come si creano template grazie! bello il tuo blog:))

Tenebrae ha detto...

@mery: la creazione di un template è una cosa lunga che richiede tempo, diciamo che ho approfondito l'argomento in vari post che già permettono di fare profonde personalizzazioni al template

Rossella - Casa Lellella ha detto...

ciao sono nuova!
ho inserito le faccine nei commenti e ora vorrei inserirle anche nei post... ma devo cancellare il codice di prima o questo si aggiunge a quello dei commenti?
scusa se sono poco chiara... ma sono a digiuno in materia.
PS. poi vorrei anche inserire anche Pagina preced. Pagin. successiva e home che con il nuovo template non compaiono più!
Puoi aiutarmi?

Rossella - Casa Lellella ha detto...

ps. il tuo blog è meraviglioso ;)

Sara Salvarani ha detto...

Ciao ho messo il codice e le faccine compaiono sotto il post ma poi non vengono inserite nei commenti...perchè?!!?

Sawmoke ha detto...

Ciao..le faccine compaiono però si vede il "contorno" dell'immagine..sebbene io utilizzi uno sfondo bianco, sembra che siano state incollate con la colla..fai un salto sul mio blog per capire che intendo xD :)

Marener ha detto...

salve Orazio, ho potuto mettere le facine nei comenti, ma non sul post, potresti aiutarmi? gracias

Zenobia ha detto...

Salve Orazio...io ho inserito le emoticons nel blog...
il mio problema è che lo sfondo del blog è rosa, mentre l'emoticon
si vede con un quadratino bianco...
c'è un modo per uniformarla allo sfondo?
ecco cosa intendo:
http://tresvitateincucina.blogspot.com/2010/10/blog-post.html#comments
grazie mille!

chiara ha detto...

:x .se questo sogno si avverasse com'è
mi piacerebbe che accadesse con te
dove le stelle sono più grandi di noi...
ma ti puoi scegliere la stella che vuoi ed affidarle tutti questi nostri sogni impossibili....

ambramelly ha detto...

ma a me non funzionano le faccine!! sig sob!! :(

Sopra La Torta ha detto...

è da un paio di settimane (credo) che le faccine non sono più visibili :((
devo aggiornare qualcosa?
grazie in anticipo!
g.

Victoria Plum ha detto...
Questo commento è stato eliminato dall'autore.
Unknown ha detto...

Grazie mille! post Utilissimo soprattutto per chi come me è alle prime armi con il codice html.!

Gianvi ha detto...

Ciao. Ho visto il tuo blog: bravissimo! Io ne ho aperto uno molto più modesto (dallaloroparte.blogspot.com): ho un figlio autistico e mi serve per aprire un confronto. Ho seguito le tue istruzioni ma le emoticon, pur apparendo nella videata, di fatto non si inseriscono nel commento neanche dopo la sua pubblicazione.
Ti chiedo il favore di entrare nel blog e di verificare tu stesso... Ti sarei grato se mi aiutassi a risolvere questo problema che, come vedo, non è solo mio

Tenebrae ha detto...

già, sto vedendo che è un problema generalizzato. vedrò di approfondire al più presto la cosa.

Unknown ha detto...

Wowwwwwww bravissimo grazie 1000!! ;) ce l'ho fatta! se ti va di passare il io blog è: http://www.langolodihyna.blogspot.it/ :)

Unknown ha detto...

Ciao!
Non ti conoscevo, ma grazie a questo tuo post sono riuscita ad inserire le faccine nei mie post.
Grazie mille

chenlina ha detto...

CHENLINA20160308
designer handbags
nike uk
louis vuitton outlet stores
coach outlet
louis vuitton handbags
louis vuitton outlet stores
michael kors outlet
ray bans
michael kors outlet clearance
ghd hair straighteners
gucci outlet
christian louboutin shoes
michael kors outlet
prada handbags
ugg on sale
michael kors bags
kate spade handbags
ralph lauren
canada goose outlet
coach outlet store online
nike blazers uk
cheap oakley sunglasses
air jordan 4
michael kors outlet clearance
michael kors bags
canada goose outlet
coach factory outlet online
ray ban sunglasses
oakley sunglasses
michael kors outlet
ugg sale
longchamp outlet
jordan retro 8
louis vuitton
nike roshe run
ugg boots
cheap jordans
ugg boots outlet
louis vuitton bags
tod's shoes
AS

Raquel ha detto...

ciao. ho trovato per caso il tuo post, e devo dire che è semplicissimo. ma purtroppo nel mio template non funziona. :(( non so che dire.

chenmeinv0 ha detto...

ugg sale
cheap ray ban sunglasses
nike roshe run pas cher
clarisonic mia 3
cheap oakley sunglasses
knicks jerseys
moncler sale
michael kors handbags
longchamp bags
louis vuitton outlet online
2016.11.10xukaimin


Prima di lasciare un commento, leggete qui

Posta un commento

Nota. Solo i membri di questo blog possono postare un commento.