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!

44 commenti:

Alessio Angelico 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

GianLuca ha detto...

Ciao ho risolto riguardo al peso della mia pagina. Grazie

dEleciouSly 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

Sauro 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

dEleciouSly 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!! .:)

il Custode 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

ombretta 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!

Wolfango Free 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

mammalellella 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?

mammalellella ha detto...

ps. il tuo blog è meraviglioso ;)

rocciajubba ha detto...

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

Antonio Bevilacqua ha detto...

:)

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!! :(

Germana 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.
❀Clory❀ ha detto...

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

Gianfranco Vitale 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.

L'angolo di Hyna ha detto...

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

Alex Linsi 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 Makeup Moda Fashion 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.

dong dong23 ha detto...

louis vuitton bags
louis vuitton outlet
michael kors handbags
nike air max
oakley sunglasses
timberland outlet
lebron james shoes 2015
louis vuitton
jordan retro
vans shoes
nfl jerseys
kevin durant shoes
hollister clothing
marc jacobs
christian louboutin outlet
louis vuitton handbags
louis vuitton handbags
louis vuitton outlet
louis vuitton outlet
adidas uk
tory burch outlet
jordan 3 infrared
polo ralph lauren
air jordan retro
louis vuitton
nike outlet
retro jordans
nike uk
true religion
nike free run
louis vuitton outlet
michael kors outlet
hollister kids
true religion outlet
christian louboutin outlet
michael kors outlet
longchamp bags
michael kors outlet
jordan 8s
20165.4wengdongdong

chenlina ha detto...

michael kors handbags
kd 8 shoes
seattle seahawks jerseys
coach factory outlet
jordan retro
louboutin pas cher
mbt shoes
louis vuitton outlet
toms
jordan 13
mont blanc pens
cheap oakley sunglasses
coach outlet store online
nba jerseys
louis vuitton outlet
ray ban sunglasses
ralph lauren uk
ugg sale
ugg boot uk
ray ban sunglasses outlet
moncler paris
louis vuitton outlet
christian louboutin sale
michael kors handbags
coach outlet
ugg outlet
christian louboutin outlet
the north face
kate spade handbags
uggs sale
gucci outlet
michael kors outlet clearance
polo ralph lauren
michael kors outlet clearance
official michael kors outlet
louis vuitton outlet
retro jordans
coach outlet store online
michael kors outlet
jordan shoes
chenlina20168023

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

Unknown ha detto...

michael kors outlet week!
ed hardy clothing for
salvatore ferragamo HOW
versace shoes Super
nike trainers uk top
nike tn pas cher it
cincinnati bengals jerseys stuffed
air max 90 adding
nike roshe run I
michael kors outlet super

Meiqing Xu ha detto...

nike store
coach outlet
abercrombie and fitch
ray ban sunglasses discount
cheap nfl jerseys
canada goose jackets
michael kors uk
fit flops
longchamp bags
pandora jewelry
20161230caiyan

chenmeinv0 ha detto...

louis vuitton handbags
ray ban wayfarer
ralph lauren uk outlet
louis vuitton outlet
christian louboutin outlet
michael kors outlet
christian louboutin outlet
oakley store
michael kors
hollister clothing
20173.4chenjinyan

raybanoutlet001 ha detto...

michael kors handbags
under armour outlet
christian louboutin outlet
michael kors handbags wholesale
tennessee titans jersey
gucci outlet
reebok outlet
michael kors outlet
nike outlet store
arizona cardinals jerseys

dong dong23 ha detto...

michael kors outlet online
kate spade handbags
christian louboutin sneakers
air jordan shoes
oakley sunglasses sale
nike air max thea
henrikh mkhitaryan jersey
mlb jerseys cheap
fitflops sale clearance
adidas trainers
2017.4.24chenlixiang


Prima di lasciare un commento, leggete qui

Posta un commento