Come inserire emoticon nei commenti di Blogger se sono state attivate le risposte o commenti nidificati

Eliminare la"a" iniziale e finale di tutti i codici.significato	Aspetto	Scorciatoie
sorriso		:) :-) :] :-]
pianto		:'-(  :((  :'(
triste		:( :[ :-( :-[
lingua		:P :-P
riso		:D :-D xD
oops		:$ :-$
ammiccamento		;) ;-) ;] ;-]
neutro		:-I  :| :-|
segreto		:-X
sorpresa		:O :-O
arrabbiato		|O  |-O  ¬¬
confuso		:S :-/

Come vedete per alcune emoticon ci sono più combinazioni di caratteri con cui si possono inserire. Prima di iniziare ogni modifica occorre salvare il template per un eventuale ripristino. Andate quindi inModello > Modifica HTML > Procedi e espandete i modelli widget. Cercate la riga

<data:post.commentHtml/>

e, immediatamente sotto, incollate questo codice

a<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>a

Cercate adesso la riga ]]></b:skin> e, subito sopra, incollate quest'altro codice

ai.icon{
    width:15px;height:15px;
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnEFg2Sk3f3recJRajkvCYZ33uqc4-X22-hfrpXTYvCDzYP1Vwc8gMO-IfsS1bS5cnmCb2XBcm-SpdUMJLbRW0UyelrpA6dfbTY4JMXOJ9BxXJQbwDrytmY4mPUdMXP2yl4crxe17r/s180/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

Opzionalmente si può inserire anche una immagine per mostrare ai commentatori le corrispondenze più comuni tra emoticon e combinazioni di caratteri. Si tratta di visualizzarla subito sotto al footer

esclusivamente nei post.

Se scegliete di mostrarla, cercate la riga 

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

e, subito sotto, incollate quest'ultimo codice

a<b:if cond='data:blog.pageType == &quot;item&quot;'>  
<center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBz0k8JNj2Tua6Hj6y26D_IBTsY1Mt0RYnFtO0DboBMa_bIl-8nqwFTayDtDy7REOJatObgOFkYT1s6Lz6KdoF6sp6XAAxT5VonydjvTpyzVdTeowBYsZc1PjHyxRe9vdfqqi-I6vz/s549/emoticon-blogger.png'/></center>
</b:if>a

in cui, oltre all'immagine, sono presenti anche i due tag condizionali. Finalmente si salva il modello e sipossono inserire le emoticon nei commenti di Blogger semplicemente digitando una delle combinazioni di caratteri corrispondenti.

*Eliminare la "a" iniziale e finale di tutti i codici.