Pubblicato il 21/06/11e aggiornato il

Come inserire emoticon animate nei commenti di Blogger.

Come visualizzare emoticon animate nei commenti di Blogger.
Mi sono già occupato di questo tema in due post di molto tempo fa in cui illustravo come inserire le emoticon nei commenti digitando delle opportune combinazioni di tasti, nel caso si abbia il modulo subito sotto il post o invece si sia optato per la finestra popup o la pagina intera. Con questo articolo voglio riprendere questa personalizzazione per presentarla ai nuovi utenti di Blogger che forse non la conoscono. Prima di iniziare la trattazione dico subito che le emoticon animate sono visibili con Firefox, Chrome, Opera, Safari e Internet Explorer 9 mentre non lo sono con IE 8 o precedenti. Inoltre lo script funziona perfettamente in quasi tutti i template più vecchi mentre dà delle difficoltà con alcuni di quelli nuovi creati con il Designer Modelli. Le emoticon inserite sono alcune di quelle standard del Messenger di Yahoo. I più bravi possono inserirne anche altre modificando il codice e inserendo le immagini con la stessa sintassi.



Installazione delle emoticon animate nel caso del modulo dei commenti incorporato sotto il post
Per controllare la scelta che abbiamo fatto sulla configurazione dei commenti bisogna andare su Impostazioni > Commenti > Posizionamento modulo dei commenti e si guarda dove abbiamo messo il segno di spunta

modulo commenti blogger


Se si vuole cambiare si può sempre cliccare su un'altra opzione e andare in fondo su Salva impostazioni. Per il modulo sotto il post si procede in questo modo. Si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Si espandono i modelli widget e si cerca la riga

 <b:if cond='data:post.embedCommentForm'>

Immediatamente sotto si incolla questo
I dati da personalizzare riguardano la larghezza del rettangolo in cui si visualizzano. Al posto di 65% può essere messo un numero superiore se si ha un layout stretto o inferiore se invece si ha molto largo. Si può anche configurare lo stile dei bordi del rettangolo in cui visualizzare le emoticon e scegliere il background come quello del nostro blog. In ogni caso è meglio procedere alle modifiche in una fase successiva.

Adesso si cerca la riga </body> e, subito sopra, si incolla quest'altro codice

<script src='https://sites.google.com/site/scriptperilblog/effetti/smiley2.js' type='text/javascript'/>
<noscript><a href='http://goo.gl/IBjvr' target='_blank'><span style='font-size: x-small;'>Emoticon Animate</span></a></noscript>

Si salva il modello. Se adesso digitate una combinazione di tasti come quelle mostrate, lo script la trasformerà in una emoticon




Installazione delle emoticon animate per commenti su finestra popup o pagina intera
Se si è optato per i commenti da inserire in una pagina popup o intera, il problema sta tutto nel cercare la posizione ottimale in cui visualizzare il rettangolo con le emoticon e i corrispondenti segni ortografici


Nel mio test l'ho inserito subito sopra all'elenco dei commenti ma si può optare per un'altra posizione. Si va su Design > Modifica HTML e si salva il modello completo. Si espandono i modelli widget e si cerca la riga

  <div class='post-footer-line post-footer-line-3'/>

La slash finale in alcuni modelli non c'è ma non dovrebbe essere un problema trovarla. Subito sopra si incolla il
Anche in questo caso le personalizzazioni possono essere fatte in un secondo tempo e riguardano

  1. I tag <center> e </center> se si vuole centrare il rettangolo nel layout
  2. Lo stile del bordo del rettangolo e il colore del testo (#191919)
  3. La scritta da visualizzare sopra le emoticon (colorata di blu)
  4. La larghezza del rettangolo espressa in percentuale (45%). Si aumenta se si hanno layout stretti
  5. Il colore di sfondo del rettangolo (#FFFFFF). Per eventuali dubbi consultate il post sui codici dei colori.
Adesso si cerca la riga </body> che si trova nella parte finale del template e subito sopra si incolla questo codice

<script src='https://sites.google.com/site/scriptperilblog/effetti/smiley2.js' type='text/javascript'/>
<noscript><a href='http://goo.gl/IBjvr' target='_blank'><span style='font-size: x-small;'>Emoticon Animate</span></a></noscript>

Si salva il modello. Quando i commentatori digiteranno le combinazioni di tasti corrispondenti, al loro posto saranno visualizzate delle emoticon animate




33 commenti :

  1. @soleyada
    Mi fa piacere che ci sia qualcuno che apprezzi i miei post :D

    RispondiElimina
  2. è proprio quello di cui parlavo...grazie mille! sei molto preparato e sei una sicurezza per tutti noi "improvvisati e appassionati Blogger" (parlo almeno per me...) :D

    RispondiElimina
  3. bel post,grazie di condividere il tuo sapere con noi umili terrestri

    RispondiElimina
  4. Sono sempre interessanti,anche quando il tema non interessa particolarmente.Del resto,è giusto che sia così.Lucia.

    RispondiElimina
  5. Avevo cancellato per sbaglio la foto,e non me ne ero accorta.Troppa musica!Lucia,ciao

    RispondiElimina
  6. Io non riesco a vedere nulla...

    RispondiElimina
  7. @Trilly
    Se non hai sbagliato nulla vuol dire che nel tuo modello non funzionano. Mi sembra strano però che non si riesca a vedere neppure il rettangolo con tutte le emoticon prima del modulo dei commenti.

    RispondiElimina
  8. In effetti è un modello di quelli nuovi...che peccato...non c'è proprio modo per farle funzionare?
    Grazie

    RispondiElimina
  9. @Trilly
    Purtroppo conosco solo questo metodo per inserire le emoticon e se non funziona ...

    RispondiElimina
  10. A me si vede il rettangolo con le emoticon, ma nei commenti non funzionano. E' sempre a causa del modello?
    Eppure qualche mese fa funzionavano...

    RispondiElimina
  11. @stè
    Se qualche mese fa funzionavano e adesso hanno smesso dipende da delle modifiche che ci sono state in tutta la struttura di Blogger. Comunque presto pubblicherò un altro post con una procedura alternativa per inserire emoticon nei commenti che spero funzioni con tutti i template.
    Ciao

    RispondiElimina
  12. Ok, allora aspetterò il nuovo post. Grazie, ho trovato un sacco di cose utili qui.

    A presto.

    RispondiElimina
  13. sul mio blog non funzionano..fino a stasera non era mai successo...sei a conoscenza di qualche problema su alcuni template?!...eppure funzionavano...

    RispondiElimina
  14. @Mario Alan
    So che queste cose capitano di continuo senza una apparente spiegazione. Un widget funziona oggi e smette di funzionare domani mentre riprende perfettamente il giorno dopo ancora :)

    RispondiElimina
  15. Ciao.. io non riesco a trovare il codice "body" nel mio modello quindi non riesco ad inserire l'ultimo codice per far avviare le emoticon. Cosa posso fare?

    RispondiElimina
  16. @Giuseppe
    In alcuni modelli c'è il codice
    < /body ....
    insieme a qualcos'altro. Lo inserisci lì sopra.

    RispondiElimina
  17. Ciao possibile che anche in questo caso il dominio impedisce al widget di funzionare? l'ho provato su un blog di prova senza dominio funziona benissimo

    RispondiElimina
  18. @yota71
    Se hai un dominio personalizzato scarica questo script
    https://sites.google.com/site/scriptperilblog/effetti/smiley2.js
    e caricalo su DropBox

    RispondiElimina
  19. ooohhh proprio quello che volevo nel mio blog! oltre ai numerini, peccato che ho provato ma ora non funzionano...

    RispondiElimina
  20. a me capita una cosa strana....nell'immagine che inserisco per far vedere i tasti da difitare per creare l'emoticons, le faccine si movono beate...ma se li digito nei commenti....no :( come mai??

    RispondiElimina
  21. Queste personalizzazioni sono tutte in stand by perché Blogger ha modificato i commmenti e ha introdotto la nidificazione
    http://www.ideepercomputeredinternet.com/2012/01/come-attivare-le-risposte-nidificate-ai.html

    RispondiElimina
  22. non so se possa essere utile ma ho appena risolto il problema per caso. Ho impostato i commenti come visualizzati in finestra popup (pur avendo fatto modifiche html per modalità messaggio incorporato).
    Adesso quando scrivo un commento, nella finestra che si apre appaiono solo i simpboli mentre dopo la pubblicazione appaiono le emoticons. Potrebbe dipendere da aggiornamenti di firefox?

    RispondiElimina
  23. @Sunshine
    I commenti nidificati funzionano solo con il modulo dei commenti incorporato sotto il post. Se tu usi la finestra popup tutto il codice relativo dovrebbe sparire. Alcune personalizzazioni potrebbero quindi funzionare lo stesso.

    RispondiElimina
  24. Salve Ernesto: allora sono riuscita a fare apparire le emoticon nelle pagine che sono nella sidebar in alto del mio blog( e si vedono pure i numeri !!).
    Mentre nei commenti ai post non si vedono pur avendo optato per la finestra pop up! come mai? grazie.

    RispondiElimina
  25. @Fioredicollina
    Non te lo so proprio dire ... è pure strano che le emoticon si vedano nelle sidebar :P

    RispondiElimina
  26. incredibile ma vero: resta un mistero anche per te ! eppure è proprio così....

    RispondiElimina
  27. ciao Ernesto, i commenti incorporati nel post sono ancora con l'orario errato, io vorrei mettere come hai qui tu, cosa che , come già scrissi, vedo così quando apro le pagine in sidebar in alto dove addirittura se vi accedo dal link della posta in arrivo visiono i numeri e le emoticon pure nel post stesso....come tu stesso mi avevi già risposto non capisci come mai e io meno di te! pensi che blogger sistemerà quanto prima l'orario dei commenti incorporati al post?

    RispondiElimina
  28. @Fioredicollina
    Prima o poi verrò tutto sistemato

    RispondiElimina
  29. anche sul mio blog non funzionano che peccato! sarebbe davvero utile avere un semplice codice html da inserire come gadget...senza dover andare a modificare il modello, chiedo la luna vero? :-) sarebbe così anche molto semplice poterlo togliere se si cambia idea, ciao buona serata!

    RispondiElimina
    Risposte
    1. Questo post risale al 2011 quando ancora non c'erano i commenti nidificati. Prova questa soluzione
      http://www.ideepercomputeredinternet.com/2012/04/come-inserire-emoticon-nei-commenti-di.html
      o quest'altra
      http://www.ideepercomputeredinternet.com/2012/10/emoticon-animate-commenti-blogger.html
      In questo secondo caso c'è anche una demo
      http://nuovo-blog-di-prova.blogspot.it/2012/10/post-di-dimostrazione-sul-funzionamento.html
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.