Scuolissima.com - Logo

Come inserire emoticon nei commenti di Blogger

A seguito del successo dei social network, le persone sono abituate ad utilizzare le emoticon per far capire che ciò che hanno scritto sia una battuta, una freddura o un pensiero contrastante.
Questa usanza non è poi così cattiva rispetto alle odiose abbreviazioni che secondo il mio modesto parere potrebbero essere considerate come errori grammaticali per i motori di ricerca. Le emoticon permettono di capire lo stato d'animo di chi ha commentato e quindi diventa più facile rispondergli con lo stesso umore. Al contrario di Wordpress, su Blogger non c'è una funzione predefinita per attivare le emoticon nei commenti, tuttavia seguendo questa semplice guida vi sarà possibile aggiungerli.


Per abilitare le emoticon nei commenti di Blogger dovete andare su Modello > Modifica HTML, cercare il tag <data:post.commentHtml/> e sotto di esso aggiungere il seguente codice:
<script type='text/javascript'>
//<![CDATA[
var emovar = 0;
function emocomm(el) {
    var elem = typeof el === "string" ? document.getElementById(el) : el,
    testo = elem.innerHTML,
    // :) :-) :] :-]                // :'-(  :((  :'(       // :( :[ :-( :-[      // :P :-P   // :D :-D xD  // :$ :-$ // ;) ;-) ;] ;-]        // :-I  :| :-|    // :-X // :O :-O // |O  |-O  ¬¬  // :S :-/
    regs = [":\\)|:-\\)|:\\]|:-\\]",":'-\\(|:\\(\\(|:'\\(",":\\(|:\\[|:-\\(|:-\\[",":P|:-P",":D|:-D|xD",":\\$|:-\\$",";\\)|;-\\)|;\\]|;-\\]",":-I|:\\||:-\\|",":-X",":O|:-O","\\|o|\\|-o|¬¬",":S|:-\\/"],
    classe = "sorriso pianto triste lingua riso oops ammiccamento neutro segreto sorpresa arrabbiato confuso".split(" "),
    i = 0,
    reg
    for(; regs[i]; i++){
        reg = new RegExp("("+regs[i]+")(\\s|$)", "gi")
        testo = testo.replace( reg, function(){emovar++;return "<i class='icon "+ classe[i] +"' id='icon"+(emovar).toString()+"'><\/i> "})
    }
    elem.innerHTML = testo
}
function emoannidate(){
    var commenti = document.getElementById('comments-block') || document.getElementById('comment-holder' ) , i = 0;
    commenti = commenti.getElementsByTagName('p')
    for(; commenti[i]; i++){
        emocomm(commenti[i])
    }
}
emoannidate()
//]]>
</script>


Poi dovrete cercare il tag ]]></b:skin> e prima di esso aggiungere il seguente codice:
i.icon{
    width:15px;height:15px;
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp9WE80cFjhNpW_ppojLEvdIaleeB5Q8H-RN2zCl2_3l_Qd6uMloiKhxsAFs1fEKcvkwZOzvdXM8jgvBfR8rwQnF4MnJHzmVtjFwG3gaO1Eg8KP0WJ5bZGxjrq33RPreFoCkW4Jn3O0ls/s1600/emoticon-commenti.png);
    background-repeat:no-repeat;
    display: inline-block;
}
i.icon.confuso{ background-position: 0 0;  }
i.icon.lingua{ background-position:-15px 0;  }
i.icon.arrabbiato{ background-position: -30px 0;  }
i.icon.pianto{ background-position: -45px 0;  }
i.icon.ammiccamento{ background-position: -60px 0;  }
i.icon.neutro{ background-position:-75px 0;  }
i.icon.oops{ background-position: -90px 0;  }
i.icon.riso{ background-position: -105px 0;  }
i.icon.segreto{ background-position: -120px 0;  }
i.icon.sorpresa{ background-position: -135px 0;  }
i.icon.sorriso{ background-position: -150px 0;  }
i.icon.triste{ background-position: -165px 0;  }

A questo punto salvate il modello, le emoticon sono già attive e funzionanti. Per ogni simbolo apparirà un emoticon specifica.


Dato che non tutti conoscono queste combinazione di tasti per far apparire le emoticon, potreste utilizzare un'immagine come quella riportata appena sopra ed inserirla prima del modulo dei commenti.

Cercare la riga <div class='post-footer-line post-footer-line-3'> e dopo di essa aggiungete quest'altro codice:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheFwVgAxbXqwArNLQzdgqRxgwtaDU9x6HidA80Hk28doleJctlnO2Za5-0zTz8Q7_KdTN7jMH8QwaKzRR77SPLqKp5TLZ1V9nIhfm0lqOV8C4yLISs82eC9UsmSS0bG_KW7sJPeaOQlTk/s640/emoticon-blogger.png'/></center>
</b:if>

AVVISO: normalmente le emoticon funzionano ma se si utilizzano in modo consecutivo, qualcuna potrebbe non apparire come icona. A volte non appaiono per altri motivi: ad esempio ho notato che la faccia triste appare in ogni caso mentre la faccia che sorride ogni tanto appare solo con i due punti e la parentesi tonda chiuda.
In questi casi non posso farci nulla, guardate il lato positivo: gli utenti impareranno ad esprimersi con le emoticon (anche con le sole lettere e punteggiatura)... piuttosto che con le parolacce.



🧞 Continua a leggere su Scuolissima.com
Cerca appunti o informazioni su uno specifico argomento. Il nostro genio li troverà per te.




© Scuolissima.com - appunti di scuola online! © 2012 - 2024, diritti riservati di Andrea Sapuppo
P. IVA 05219230876

Policy Privacy - Cambia Impostazioni Cookies