Colocar emoticons nos comentários do blog ~ Dicas Para Blogs

Vamos mostrar como adicionar emoticos parecidos ao do MSN nos comentários do blogspot, mas para usar isso é necessário usar os comentários incorporados as postagens, ou seja, na mesma pagina das postagens. Para ativar isso entre em configurações > comentários, procure por Posição do formulário de comentários e escolha a opção: Postagem abaixo incorporada.

Veja aqui como ficou o resultado final desse código para colocar emoticons nos comentários do blog:
Na hora de postar o comentário

E depois de salvo e publicado

Mas vamos começar a mostrar como colocar emoticos nos comentários do seu blogger, entre na pagina editar html, clique para expandir o modelo e procure por:
data:blogCommentMessage

Provavelmente estará assim:
<h4 id='comment-post-message'><data:postCommentMsg/></h4>

E logo abaixo coloque esse código:

<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF2EN-dW9-sHVuGZW-TrJ43xNa5RbNb6uPGy8l5cHag9EQdNOl8Vlu3TobV3gZF9MrxHctgsKC5QC_qd9aDF0IbtmERngruJ9NE1XWHtjwkCk6eup6VMeCAfuJKkMkx-rYYTaNc7O5YiA/s800/emoticon-0100-smile.gif'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO2V_5kK3sC1a0754apOyIAs9juK-oXdQpUCnQPlrOnOZOISVW50iRHT88T3I395TzyzuWoI_IatJnvEjGgdvsWgdQO68zcFsaGWcqVuGQhtToJRJoAsMXlXD_7x5p9HsOxxM88-x0fCo/s800/emoticon-0101-sadsmile.gif'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtXMHwYhYbz0_GFoG7SjiOXdhuusihgfRd8RkLKJcAsebHt7i2RlrbSW_d-N4Rzz1RoqT1B-IZHVxSPligYfJqSAou7E3PK3uMXN8bkIUF2lT9wXQf-D_xQTl1rTPZHG_-xCR51bmjvkw/s800/emoticon-0102-bigsmile.gif'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjBm1CDoHCGv0n0HvyoJtxEgyp58mhh-G8NYSya732lTUHR8dWuHkjXOVXmfOHaySnnxAC0PJIL-ZF3FgBCfGubf2ktHMkVxm5LEIP2vM1r30bqJWgMeNZ4AhdUTVjspQfG58zMvo3vqw/s800/emoticon-0105-wink.gif'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaCbMoAR9jIsh97XNv_rkad0laispm91AlKrrz61c4MHpyyVS_LUD2PzMXJTI8jPlpe87rDhyD1ANWwB-UeoELDxezWgQfvJMN4hlH8rFAuiuZ6gZ427zyDOQq3FvoZ4ssoTE6FKAJqu0/s800/emoticon-0104-surprised.gif'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWLq5rGNmw_Um0d-27o8FHV8NyxgNcXG3JbX1LJofIJ2ivm39_WeWqks1HXI2jbN6uVOIm6-nAJyHvt_kwo98rCH6sXKWPTA7Ne9Oax_Bs0wqs-D5SonYzcPMWgpaVm0Pk6EcKE4E9K8M/s800/emoticon-0106-crying.gif'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3TR9PFPYlsNGtciA5wildAWjfFmasoc-w0xOVnCN2H118Xx8-dfvWWwgy7NjOyjha-onzMEoS833bhfK4v7tVLou0jLnSVzSd-I8xtmcf6P4UGAZQ-MWsGIaDrjHJ8DUekgeNrzUkMQ/s800/emoticon-0109-kiss.gif'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYkecIQiUXSzdA0AFOEx7KwkQXOFjEujPjsYm3K-AvLjBJBH2TzThb36Z2uzOf4HZIOTEAq8v9N3sXV4kT57D-FaIS08MUj7V2qL2fC2Gc4FQlowraU9xdEO3WiK9DLs-Z-ZzwxMJhHho/s800/emoticon-0111-blush.gif'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizk9pxubPafLxBucnCqPqdntsUgvlwJgtRqLa7rp0wnRnVtHR8uqBnrBJsWEhq9WonKO0kuahdWMTzoD1Kni_ks76ySrG3AuZ5JMmiZPargyT5geESgWf6xLsyibKHO0PpA8ECiBNba8M/s800/emoticon-0110-tongueout.gif'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2YyjHvTJMtIof9AJoYvzXgGflpmip8TrCCw0h4BqiGcL_f-W6GiHcY_ZP95ibPxRLyVVOO3s7rjxTt-BAIxGsdoS25fhpWoOsT__ZibiQmvWusw42K_Aun8ywzVMd5lCo4zz68ojHLAA/s800/emoticon-0126-nerd.gif'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1u1DNVfhTTM_bpuep3U8jGRL3JpkdPlonay6jIUpABqUeGYh-T5tPcQG_OtB4k7NuzJ2Ngb6U5vTkQi10fq8Cab2XpJBovaA9njviZ4dCuSrVWc9XKRUdhZelQtYx3fA6GPLiYFypF4k/s800/emoticon-0103-cool.gif'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGwMcFxV0NCbZM2hRy8gTVJ2fp4CSgbMX0PlMW5rbgiUSQqqcC-Y45hwjIg8JpH3sza74x9Ng7SMjrCbaC_cJyZrjrADn3wDQXEs5cmdeZcdzT_QdOKhhqboUbgTA3VdBZK5YK8aYFKk0/s800/emoticon-0130-devil.gif'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGHqU1cROZzbNGnJD21oBOlY3L0maQbtBXHjD3tM19OjZtEbn1IoR1y8g3mp457fwCi2yDFTCqh6120_MzbLVdwzvuwFr720uiNDdRHI1lFSnmqKamo9kmw61SnAMCEWSmz3gMdcpPBZo/s800/emoticon-0133-wait.gif'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjRuXJaza0ZcgBCJkiGCNQTwf2BlOwLhgTHHdJTTjA0Fy77ioS6s0cSnjxlODhzFxhqC1tPJ-e7oiDT2wtOjYnIpf2tPoNXwEAs_BF4HMQKFum8yJIClviHp9WXIPUhSxdWV4hHazRQdw/s800/emoticon-0137-clapping.gif'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEcljGPtdpzjVydvuiNgQhPllN-tdWaXbI0PQU9MvBVJQ9vl9Kz29t9F6C9w0smq_XdbzDIVtaT8VPgNIwV5mQr37YS3p5TzfSIifio77sbGYszwuaCK4uuP4LHE_FAPmPWsQCH8kzz-M/s800/emoticon-0136-giggle.gif'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1-_9CFxWa_M2N0df6XPQjna-nvrFCRmlYjzsArwRkx3a2q0C_8lbEMPGDNpkNdJWJnF7RjJ_72b5-xoRGxDdA_NMY3Qsum3f-fizkUKRJsOa7aYiW4eLxUbias91huQA7Y9lT4og_GPs/s800/emoticon-0141-whew.gif'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Q2dt5RBjFG-pLeTMxP4WqWEc3kytlI-ZUkVAsbWy9vpYCPCE-O5jGeOCQqgs7ybvmjhujKp7-z4GpUpwbfSJewRAtnjA3n7-fEY31PD6VTOCzcYofIDEuoT6V5pMhm1FNf5TXyhpjH0/s800/emoticon-0148-yes.gif'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEXx4rJkquvj9f4LVJBUbl9gerrbP2RKU1WNpVysMDMBBE75n09LtSpSoAdxKtYOeAUz9C7J5m8KzpYnzXTZ_MuwsN8qba0NQuN8sLEoeeJ0nXizgrfI2zkkNrMUG-XTgUfQlCuhwJ9Q/s800/emoticon-0149-no.gif'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirFNMlNkNxWRQelmN9FKmdZmKq7Qz3wcDZOCb3BCTa521lwP-O-B9bqH7lIoZXS8dohOYULzgo25X0mcmZzs44F273jP-rlPbGdcQIv5tqPlk4N_GzsVhmmUpW6RCRfZ7ILLmmwFIB5sQ/s800/emoticon-0178-rock.gif'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmFSj9Sp4j4CvfWCS-KY2mrPKk-CK9FM-RybrhFyYWDsAJZ5zQjmyPjzlZZEv1UgK-VkroAsDt45lTi7e8u4ZQtkzRK_8Os3MljJ7LXBFM1HszXkHMOguaqwTt9ApH1nvW2M9A_KcwdM/s800/emoticon-0155-flower.gif'/> :t
</div>

Clique para salvar, então procure por: </body> e coloque esse código antes dele:

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2YyjHvTJMtIof9AJoYvzXgGflpmip8TrCCw0h4BqiGcL_f-W6GiHcY_ZP95ibPxRLyVVOO3s7rjxTt-BAIxGsdoS25fhpWoOsT__ZibiQmvWusw42K_Aun8ywzVMd5lCo4zz68ojHLAA/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1u1DNVfhTTM_bpuep3U8jGRL3JpkdPlonay6jIUpABqUeGYh-T5tPcQG_OtB4k7NuzJ2Ngb6U5vTkQi10fq8Cab2XpJBovaA9njviZ4dCuSrVWc9XKRUdhZelQtYx3fA6GPLiYFypF4k/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGwMcFxV0NCbZM2hRy8gTVJ2fp4CSgbMX0PlMW5rbgiUSQqqcC-Y45hwjIg8JpH3sza74x9Ng7SMjrCbaC_cJyZrjrADn3wDQXEs5cmdeZcdzT_QdOKhhqboUbgTA3VdBZK5YK8aYFKk0/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGHqU1cROZzbNGnJD21oBOlY3L0maQbtBXHjD3tM19OjZtEbn1IoR1y8g3mp457fwCi2yDFTCqh6120_MzbLVdwzvuwFr720uiNDdRHI1lFSnmqKamo9kmw61SnAMCEWSmz3gMdcpPBZo/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjRuXJaza0ZcgBCJkiGCNQTwf2BlOwLhgTHHdJTTjA0Fy77ioS6s0cSnjxlODhzFxhqC1tPJ-e7oiDT2wtOjYnIpf2tPoNXwEAs_BF4HMQKFum8yJIClviHp9WXIPUhSxdWV4hHazRQdw/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEcljGPtdpzjVydvuiNgQhPllN-tdWaXbI0PQU9MvBVJQ9vl9Kz29t9F6C9w0smq_XdbzDIVtaT8VPgNIwV5mQr37YS3p5TzfSIifio77sbGYszwuaCK4uuP4LHE_FAPmPWsQCH8kzz-M/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1-_9CFxWa_M2N0df6XPQjna-nvrFCRmlYjzsArwRkx3a2q0C_8lbEMPGDNpkNdJWJnF7RjJ_72b5-xoRGxDdA_NMY3Qsum3f-fizkUKRJsOa7aYiW4eLxUbias91huQA7Y9lT4og_GPs/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Q2dt5RBjFG-pLeTMxP4WqWEc3kytlI-ZUkVAsbWy9vpYCPCE-O5jGeOCQqgs7ybvmjhujKp7-z4GpUpwbfSJewRAtnjA3n7-fEY31PD6VTOCzcYofIDEuoT6V5pMhm1FNf5TXyhpjH0/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEXx4rJkquvj9f4LVJBUbl9gerrbP2RKU1WNpVysMDMBBE75n09LtSpSoAdxKtYOeAUz9C7J5m8KzpYnzXTZ_MuwsN8qba0NQuN8sLEoeeJ0nXizgrfI2zkkNrMUG-XTgUfQlCuhwJ9Q/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmFSj9Sp4j4CvfWCS-KY2mrPKk-CK9FM-RybrhFyYWDsAJZ5zQjmyPjzlZZEv1UgK-VkroAsDt45lTi7e8u4ZQtkzRK_8Os3MljJ7LXBFM1HszXkHMOguaqwTt9ApH1nvW2M9A_KcwdM/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirFNMlNkNxWRQelmN9FKmdZmKq7Qz3wcDZOCb3BCTa521lwP-O-B9bqH7lIoZXS8dohOYULzgo25X0mcmZzs44F273jP-rlPbGdcQIv5tqPlk4N_GzsVhmmUpW6RCRfZ7ILLmmwFIB5sQ/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF2EN-dW9-sHVuGZW-TrJ43xNa5RbNb6uPGy8l5cHag9EQdNOl8Vlu3TobV3gZF9MrxHctgsKC5QC_qd9aDF0IbtmERngruJ9NE1XWHtjwkCk6eup6VMeCAfuJKkMkx-rYYTaNc7O5YiA/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO2V_5kK3sC1a0754apOyIAs9juK-oXdQpUCnQPlrOnOZOISVW50iRHT88T3I395TzyzuWoI_IatJnvEjGgdvsWgdQO68zcFsaGWcqVuGQhtToJRJoAsMXlXD_7x5p9HsOxxM88-x0fCo/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtXMHwYhYbz0_GFoG7SjiOXdhuusihgfRd8RkLKJcAsebHt7i2RlrbSW_d-N4Rzz1RoqT1B-IZHVxSPligYfJqSAou7E3PK3uMXN8bkIUF2lT9wXQf-D_xQTl1rTPZHG_-xCR51bmjvkw/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjBm1CDoHCGv0n0HvyoJtxEgyp58mhh-G8NYSya732lTUHR8dWuHkjXOVXmfOHaySnnxAC0PJIL-ZF3FgBCfGubf2ktHMkVxm5LEIP2vM1r30bqJWgMeNZ4AhdUTVjspQfG58zMvo3vqw/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaCbMoAR9jIsh97XNv_rkad0laispm91AlKrrz61c4MHpyyVS_LUD2PzMXJTI8jPlpe87rDhyD1ANWwB-UeoELDxezWgQfvJMN4hlH8rFAuiuZ6gZ427zyDOQq3FvoZ4ssoTE6FKAJqu0/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWLq5rGNmw_Um0d-27o8FHV8NyxgNcXG3JbX1LJofIJ2ivm39_WeWqks1HXI2jbN6uVOIm6-nAJyHvt_kwo98rCH6sXKWPTA7Ne9Oax_Bs0wqs-D5SonYzcPMWgpaVm0Pk6EcKE4E9K8M/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3TR9PFPYlsNGtciA5wildAWjfFmasoc-w0xOVnCN2H118Xx8-dfvWWwgy7NjOyjha-onzMEoS833bhfK4v7tVLou0jLnSVzSd-I8xtmcf6P4UGAZQ-MWsGIaDrjHJ8DUekgeNrzUkMQ/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYkecIQiUXSzdA0AFOEx7KwkQXOFjEujPjsYm3K-AvLjBJBH2TzThb36Z2uzOf4HZIOTEAq8v9N3sXV4kT57D-FaIS08MUj7V2qL2fC2Gc4FQlowraU9xdEO3WiK9DLs-Z-ZzwxMJhHho/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizk9pxubPafLxBucnCqPqdntsUgvlwJgtRqLa7rp0wnRnVtHR8uqBnrBJsWEhq9WonKO0kuahdWMTzoD1Kni_ks76ySrG3AuZ5JMmiZPargyT5geESgWf6xLsyibKHO0PpA8ECiBNba8M/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Clique novamente para salvar e depois é só fazer os testes, lembre-se que os comentários do blogger podem demorar uns minutos para aparecer, normalmente não demora, então se não aparecer na hora é normal, mas isso não quer dizer que deu errado, nos testes que fizemos demorou uns 2 minutos para ser visível o comentário com emoticons no blogger.

E o melhor de tudo sobre esses emoticons para colocar no blog é que você pode criar os seus facilmente, repare que os trechos que se repetem varias vezes:

_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1u1DNVfhTTM_bpuep3U8jGRL3JpkdPlonay6jIUpABqUeGYh-T5tPcQG_OtB4k7NuzJ2Ngb6U5vTkQi10fq8Cab2XpJBovaA9njviZ4dCuSrVWc9XKRUdhZelQtYx3fA6GPLiYFypF4k/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1u1DNVfhTTM_bpuep3U8jGRL3JpkdPlonay6jIUpABqUeGYh-T5tPcQG_OtB4k7NuzJ2Ngb6U5vTkQi10fq8Cab2XpJBovaA9njviZ4dCuSrVWc9XKRUdhZelQtYx3fA6GPLiYFypF4k/s800/emoticon-0103-cool.gif'/> :k
 

Cada um numa parte do código é repetido apenas trocando o endereço da imagem e o código para o emoticon (estão em destaque), portanto se trocar o endereço da imagem: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1u1DNVfhTTM_bpuep3U8jGRL3JpkdPlonay6jIUpABqUeGYh-T5tPcQG_OtB4k7NuzJ2Ngb6U5vTkQi10fq8Cab2XpJBovaA9njviZ4dCuSrVWc9XKRUdhZelQtYx3fA6GPLiYFypF4k/s800/emoticon-0103-cool.gif'

E o código :k irá criar um novo emoticon, apenas tome cuidado para não apagar nem colocar nada a mais no código e não usar o código de imagem repetido ou seja :k só poderá haver um deles, então escolha outros caracteres para ser o atalho para os novos emoticons.