EmotiYou per creare delle emoticon animate da delle immagini.

Se siete degli appassionati di emoticon animate (animoticon) avrete certamente visto che in questo blog c’è la personalizzazione per inserirle nei commenti. Ci sono dei siti web-based in cui crearle da delle nostre foto o da foto di amici, per esempio FGT Makers, oppure Emoticon Maker o anche Loogix che forse è il più carino.

EmotiYou è un altro servizio di questo tipo che consente di creare emoticon animate oppure di scaricare quelle create dagli altri utenti. E’ disponibile in lingua inglese e francese e, per iniziare, si clicca su Create My Emoticon e si carica la foto cliccando su Send, quindi con l’apposito rettangolo si ritaglia la parte della foto che si vuole utilizzare e si va su Next Step

Si sceglie l’effetto che più ci piace tra

1. Static -
2. Fun – l’immagine sobbalza in senso verticale
3. Appears- Bottom to top, Top to Bottom, Right to Left, ecc – Cioè appare dal basso verso l’alto, dall’alto verso il basso, ecc
4. Egyptian – ha un moto oscillatorio orizzontale sulla falsariga dei dipinti egizi
5. Mirror – Appare alternativamente insieme alla sua immagine speculare
6. Zoom – Si ingrandisce e si rimpicciolisce in modo ciclico

Si clicca nuovamente su Next Step, si inserisce il nostro indirizzo email e si prosegue con lo stesso bottone. Si mette il segno di spunta sull’accettazione dei termini d’uso, eventualmente si può inserire anche la flag per mostrare la nostra realizzazione in galleria, finalmente si va su Create My Emoticon. L’immagine ci verrà recapitata all’indirizzo email che abbiamo fornito entro pochi minuti.

Se volete inserire questa emoticon animata su Messenger andate su Strumenti > Emoticon e cliccate su Crea

             

quindi su Trova immagine per selezionarla dal computer. Facoltativamente si può anche inserire un nome e una scorciatoia da tastiera. L’immagine sarà ridimensionata automaticamente.

Ecco alcuni esempi di emoticon animate create dai frequentatori di EmotiYou.

 

Come inserire emoticon animate (animoticon) nei commenti di un blog su Blogger con l’opzione pagina intera o finestra pop-up.

In un blog su Blogger si può scegliere di inserire i commenti in tre diversi modi

1. Pagina intera
2. Finestra popup
3. Incorporato sotto il post

Per selezionare l’opzione preferita si va su Impostazioni > Commenti > Posizionamento modulo dei commenti e si mette il segno di spunta sulla modalità prescelta ricordandosi di Salvare le impostazioni

In questo blog per il momento ho scelto la Finestra popup. In un articolo di diverse settimane fa avevo parlato di come inserire delle emoticon animate nei commenti ad un articolo. Il metodo illustrato però funzionava solo se si avevano i commenti incorporati sotto il post.
Purtroppo esiste Internet Explorer che è tuttora il browser più usato anche se, per fortuna, sta perdendo utenti continuamente! Il fatto è che detto browser non riusciva ad aprire le pagine di questo blog con quella modalità di commenti e con la presenza del widget Google Friend Connect.

Tutta la storia l’ho raccontata nell’articolo

• Il blog si vede nuovamente anche con Internet Explorer -

Per quanto riguarda il widget Google friend Connect ho supplito con l’inserimento di uno screenshot come spiegato nel post

• Come farsi seguire con Google Friend Connect senza inserire il widget -

Restava quindi il problema delle emoticon animate che non potevano essere più inserite. Adesso ho risolto anche questo piccolo problema e brevemente ne illustro il procedimento.
Andare su Layout > Modifica HTML, scaricare un modello completo e espandere i modelli widget. Cercare la seguente linea di codice

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

Se non si trova questa linea può essere che ci sia un altro numero al posto del 3. In ogni caso possiamo anche procedere per tentativi visto che abbiamo salvato il modello e quindi lo possiamo all’occorrenza ripristinare.

L’idea è quella di mettere le faccine proprio alla fine dell’articolo, sotto anche al nome dell’autore, l’ora di pubblicazione e le etichette. E’ ovvio che a secondo dei modelli uno può scegliere un’altra posizione. Per quanto riguarda questo blog immediatamente sopra alla succitata riga di codice è stato inserito quest’altro codice, come mostrato in questo screenshot

Il codice in questione deve essere personalizzato a seconda del modello del nostro blog. Alcune personalizzazioni potrebbero essere queste

- Togliere i due tag <center> e </center> se si vuole che il rettangolo con le faccine sia sulla sinistra e non al centro

-Il colore del testo #191919 e il background #FFFFFF può essere variato a seconda dei colori del blog

- La percentuale del rettangolo è del 68% ed è stata calcolata per questo layout dopo vari tentativi. Se avete un layout più stretto vi consiglio di partire con una percentuale superiore (p.e. 80%) per poi scegliere quella che dà i migliori risultati estetici. Detta percentuale rappresenta la larghezza del rettangolo in cui sono rinchiuse le faccine animate.

- L’espressione “Combinazione di tasti per inserire emoticon animate nei commenti” può essere ovviamente sostituita con un altra.

Dopo aver salvato il modello vi accorgerete che la Homepage avrà lo stesso aspetto ma i singoli articoli, nella parte bassa si presenteranno più o meno così

Per completare l’opera bisogna aggiungere lo script che consente di sostituire automaticamente i gruppi di segni ortografici con le relative faccine.

Sempre in Layot > Modifica HTML cerchiamo la seguente riga di codice

</body>

che si trova nella parte conclusiva del modello e, immediatamente sopra, inserite quest’altro codice

<script src='http://is.gd/3pxvm' type='text/javascript'/>
<noscript><a href='http://parsifal32.blogspot.com' target='_blank'><span style='font-size: x-small;'>Aggiungi emoticons</span></a></noscript>
come mostrato nello screenshot seguente

Salvate il modello. Adesso provate ad inserire come commento delle combinazioni di tasti presenti nel riquadro alla fine del post

Ecco come sarà visualizzato da Firefox, Chrome, Opera (non Internet Explorer!)
 
Termino questo lungo post ricordando che il segno della tilde (~) si ottiene digitando 126 con il tastierino numerico tenendo premuto Alt e che lo script è retroattivo; cioè se in qualche commento precedente sono presenti delle combinazioni come quelle previste allora vi apparirà anche la relativa animoticon.


Aggiornamento Importante: Questo tutorial è obsoleto. Per inserire le emoticon nei commenti di Blogger consultate quest'altro articolo