Aprenda a colocar emoticons nos comentarios no Blog!

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

as 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/AVvXsEgZoaWVKsVSmOBrZSJypRbe72amc7w4sXbhgvNFM0dWMOWihVmN4gYfwa8LxMx0ShJ7sl9WyLbgItMi1UgRVcgieUQYasHscWx7XjstN7ufrXGhqmfvtQKmHOqOf08-JvOY937t9ghS0iQ/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjcwUF_MTXLA4S3vbtYkWM6N31YY15_su80ZZslO2LftU5VzpARvKP5XsDCObF080VCIe0nnwOk5SDHC6j89Wu5Y8M1sVqQNbvhL2ilixOtIz7M26ysNTcnuoPj5T4lqF15vXB6kvbsHM/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrmuf9oFjkxA7YhlM8Jcsqj1kbEq0QUHnGrIOgGQdVcRoSNBlAMhUiFNc6Xeuy7FuNO7jzYDcmUo9E1iA8S0eL1HFi3oET3xPpYbwfgH8oy5NS2Ocgu_O3myLY9WCnD_f2p8uPJivR2-4/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xScvNeIP_k_GkW3SSVDi-CiXGiSTVL_RwiRnIRiWQPJLEEbbetCloWMmha1weeVMOAh3bus6XRb4AUXoG2uPD7hFLtljUKfja4ewALOFalkDb_oaGK6CLfpj2XqB8rFCwt3eobOkgNU/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBtOXmz8GC69Qawhsv5P5c-nautuSZxoMh1fb0MTEPyReUupjspqBYgIwW0yvn4e92mGfAm7s5zz9ajI35HfGl9wQuCKZ-odV3frUAkQppMPFEzIzRI-2duhQ6pQTWWx_wMS3ZRg7HjJI/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlplyjjV0eUE4VVkTbM0JOU3S7uh1T69LPozfSP-xuB3P92MqDJipP272I1nZE8g5KfdN6BfCnNqdQtPOgRfkJPIrKRl3rJ2AvTyPmFRUAWgIW1JWVz5IGFIF3q-bp3_Ar9vhEmGscVhc/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidGkbodaS0UGdylgbOhxx53Oobe6qj_zMwnivzlNS4V1krJ_XA0lX431n_-d_RIiSBZ04B5bC2sxkNby0e9l2gFLYMXPW3Dv2jhZPoFZyepA37Ridmzsfi56LytOYkGR433K0gZ_7lei0/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5sWIcika-R7-rRE-WQ7LZJom5frJHb9KnoIjfUgYyXu0aIHdD6qs7XJYRdN1TCBVgHkPVRMVmV4iNHXqOu-HUlM3ysgNJQ7VYjqrceCyFCFI0loJWgJOjJP-mWUB9fVqpZwzuJdNSE_Q/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw-WIs5bwrXZKwmcx58gis4JIhBaofgSjK64MULLAI0PKIpUNeuhOpHt5XQzNFwlhxurFEBtgt5fCje2fwsj-EbXASKz036XU4aRe6NxCsaj6gCk9QSXh9JXqu78Eiej3oaef9BDGuJBw/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4Xyd2b5b0l0yQFtyo-YlZMRWhrsZVfdw1UkNwfIm2dPNTGwCxDM1FbDlA-5qK1AIVURUr2ieV_d7elCTn66NFbvN-9UoGVoETH99AFwswQbEpe-eZUlraayXnlltvWbocJgTaXWh4Os/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw4Pj8hZo1MefHBYP37a_Nc51Tw8mqyCGHNBsoSHfiWPBD_BWEsdrc7ipt_MLLsJHvQIIwYX-zNLsdEVtohlUKc0x5TLOSCVq9gHqZv0eqanwzhPDqw74fClfH_g7BDoFXcI1qki3EONs/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH0s6yw2MLCsqa16cskIS7EMb1FUvxSzpWJ54_DtW3xKw7WZCpme6Dj9mOv6S9jVTwofBwc84-Xlis_ecq7Nfj7T9admQjM8jT0TILjFA3TQ2WITxM6NLVm6pfMlTk1ZeR6RzhuqU2KVk/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7klgnzZCnGTvkhyi5YuGQ_3z0O8qC5YOpxNrECif3bLOvEEcQMdas0xYTGS7AX9Mq-kBviW3P71H0mcWkOY8f9z3rrQifFtXYKUk5mPnkkk4iprLi3ZXiR7AGrBpEeqv3G8eX1vUXzhI/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSqiOe22eC1idxf0nnWJmAwQzfZsjLG7Ga0ywn34WAa1U5TkhxVUnKqPrhAvLMjXUuuYX6QxhK9H4GgUQpSh8-2AUhQamRFoiIPSqVtANAE-k2weDOKiaGgiZGdM3s395y55g1daivTgI/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTXGBTynhYJXI1wHCdaMs005_3dAm_NZjkcb4RBBPX9I-uKQpSVyk292bucsULp9lqrYtuFXTtQs2_5fKbpANPkLbwLi7mq-eUlATfuZjm4EISKqU2gqqAd5gf_f_hd4nY6SYjsod0P6c/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS3SV3o823DFQ1niBibv2KAJoyIfJYwC0qmoOeXfvlNO1hIxrrBM8KfAO51uXAiWmIlCpdOthyphenhyphenvyuPgtzwxrAcp7hnlV3YZz8PLKcvyRSyCR8LCCKINlPShaXBQyPlpEJsjXt9mthPz2o/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj5-k25HAwocP6_j7waStUhGzCfxz0srH7xoc5SLJmSRC9W4VVLbbjkxVRjky2dS7dpb93mCDXh2nhmiQdYT2gp72YH6mtBL1ybSwz6L56DfH-UehEYAbIsRAjL4wJGevU9qFTeb4-8DQ/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrpXRuyzj4R6L3FzDyw8oNI639UyKGwmKjIiSI3HJ8oS2nnyiTd3rpVO5bCqqpgWVVyE_DmF1LhKzVDrjI6gG731pTfywsuGpISrjfyqJUTZZLfCwns8qC4x0TUDA53KCwzYgBxz-CHo/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9XV8kxOeybCXr29raKvC5obKNM9GUlafHTVZYJ_joOlm0nZ4FN5RfYKjV10hinoATJNBnLh-Heg8BhUtZWowjUBJXX_QCVeTmKdjx9Br7G3l8Buz7eYqm0RmsUzCbVfxGehneNso0lVE/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintAhPkfc1YxuRdxUsnfosmbkYIemrWk2g5PEdSCKFCEyqnNbnLDadTE3EhzU3goZxVCD-yqmsbXBnB4xW-y-veKks20L_Eq9IH6q5KKM6FJYi6tqcAykPRQrHG1UGX0CmUwVBTDBEiq4/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/AVvXsEhc4Xyd2b5b0l0yQFtyo-YlZMRWhrsZVfdw1UkNwfIm2dPNTGwCxDM1FbDlA-5qK1AIVURUr2ieV_d7elCTn66NFbvN-9UoGVoETH99AFwswQbEpe-eZUlraayXnlltvWbocJgTaXWh4Os/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw4Pj8hZo1MefHBYP37a_Nc51Tw8mqyCGHNBsoSHfiWPBD_BWEsdrc7ipt_MLLsJHvQIIwYX-zNLsdEVtohlUKc0x5TLOSCVq9gHqZv0eqanwzhPDqw74fClfH_g7BDoFXcI1qki3EONs/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH0s6yw2MLCsqa16cskIS7EMb1FUvxSzpWJ54_DtW3xKw7WZCpme6Dj9mOv6S9jVTwofBwc84-Xlis_ecq7Nfj7T9admQjM8jT0TILjFA3TQ2WITxM6NLVm6pfMlTk1ZeR6RzhuqU2KVk/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7klgnzZCnGTvkhyi5YuGQ_3z0O8qC5YOpxNrECif3bLOvEEcQMdas0xYTGS7AX9Mq-kBviW3P71H0mcWkOY8f9z3rrQifFtXYKUk5mPnkkk4iprLi3ZXiR7AGrBpEeqv3G8eX1vUXzhI/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSqiOe22eC1idxf0nnWJmAwQzfZsjLG7Ga0ywn34WAa1U5TkhxVUnKqPrhAvLMjXUuuYX6QxhK9H4GgUQpSh8-2AUhQamRFoiIPSqVtANAE-k2weDOKiaGgiZGdM3s395y55g1daivTgI/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTXGBTynhYJXI1wHCdaMs005_3dAm_NZjkcb4RBBPX9I-uKQpSVyk292bucsULp9lqrYtuFXTtQs2_5fKbpANPkLbwLi7mq-eUlATfuZjm4EISKqU2gqqAd5gf_f_hd4nY6SYjsod0P6c/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS3SV3o823DFQ1niBibv2KAJoyIfJYwC0qmoOeXfvlNO1hIxrrBM8KfAO51uXAiWmIlCpdOthyphenhyphenvyuPgtzwxrAcp7hnlV3YZz8PLKcvyRSyCR8LCCKINlPShaXBQyPlpEJsjXt9mthPz2o/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj5-k25HAwocP6_j7waStUhGzCfxz0srH7xoc5SLJmSRC9W4VVLbbjkxVRjky2dS7dpb93mCDXh2nhmiQdYT2gp72YH6mtBL1ybSwz6L56DfH-UehEYAbIsRAjL4wJGevU9qFTeb4-8DQ/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrpXRuyzj4R6L3FzDyw8oNI639UyKGwmKjIiSI3HJ8oS2nnyiTd3rpVO5bCqqpgWVVyE_DmF1LhKzVDrjI6gG731pTfywsuGpISrjfyqJUTZZLfCwns8qC4x0TUDA53KCwzYgBxz-CHo/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEintAhPkfc1YxuRdxUsnfosmbkYIemrWk2g5PEdSCKFCEyqnNbnLDadTE3EhzU3goZxVCD-yqmsbXBnB4xW-y-veKks20L_Eq9IH6q5KKM6FJYi6tqcAykPRQrHG1UGX0CmUwVBTDBEiq4/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9XV8kxOeybCXr29raKvC5obKNM9GUlafHTVZYJ_joOlm0nZ4FN5RfYKjV10hinoATJNBnLh-Heg8BhUtZWowjUBJXX_QCVeTmKdjx9Br7G3l8Buz7eYqm0RmsUzCbVfxGehneNso0lVE/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZoaWVKsVSmOBrZSJypRbe72amc7w4sXbhgvNFM0dWMOWihVmN4gYfwa8LxMx0ShJ7sl9WyLbgItMi1UgRVcgieUQYasHscWx7XjstN7ufrXGhqmfvtQKmHOqOf08-JvOY937t9ghS0iQ/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjcwUF_MTXLA4S3vbtYkWM6N31YY15_su80ZZslO2LftU5VzpARvKP5XsDCObF080VCIe0nnwOk5SDHC6j89Wu5Y8M1sVqQNbvhL2ilixOtIz7M26ysNTcnuoPj5T4lqF15vXB6kvbsHM/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrmuf9oFjkxA7YhlM8Jcsqj1kbEq0QUHnGrIOgGQdVcRoSNBlAMhUiFNc6Xeuy7FuNO7jzYDcmUo9E1iA8S0eL1HFi3oET3xPpYbwfgH8oy5NS2Ocgu_O3myLY9WCnD_f2p8uPJivR2-4/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xScvNeIP_k_GkW3SSVDi-CiXGiSTVL_RwiRnIRiWQPJLEEbbetCloWMmha1weeVMOAh3bus6XRb4AUXoG2uPD7hFLtljUKfja4ewALOFalkDb_oaGK6CLfpj2XqB8rFCwt3eobOkgNU/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBtOXmz8GC69Qawhsv5P5c-nautuSZxoMh1fb0MTEPyReUupjspqBYgIwW0yvn4e92mGfAm7s5zz9ajI35HfGl9wQuCKZ-odV3frUAkQppMPFEzIzRI-2duhQ6pQTWWx_wMS3ZRg7HjJI/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlplyjjV0eUE4VVkTbM0JOU3S7uh1T69LPozfSP-xuB3P92MqDJipP272I1nZE8g5KfdN6BfCnNqdQtPOgRfkJPIrKRl3rJ2AvTyPmFRUAWgIW1JWVz5IGFIF3q-bp3_Ar9vhEmGscVhc/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidGkbodaS0UGdylgbOhxx53Oobe6qj_zMwnivzlNS4V1krJ_XA0lX431n_-d_RIiSBZ04B5bC2sxkNby0e9l2gFLYMXPW3Dv2jhZPoFZyepA37Ridmzsfi56LytOYkGR433K0gZ_7lei0/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5sWIcika-R7-rRE-WQ7LZJom5frJHb9KnoIjfUgYyXu0aIHdD6qs7XJYRdN1TCBVgHkPVRMVmV4iNHXqOu-HUlM3ysgNJQ7VYjqrceCyFCFI0loJWgJOjJP-mWUB9fVqpZwzuJdNSE_Q/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw-WIs5bwrXZKwmcx58gis4JIhBaofgSjK64MULLAI0PKIpUNeuhOpHt5XQzNFwlhxurFEBtgt5fCje2fwsj-EbXASKz036XU4aRe6NxCsaj6gCk9QSXh9JXqu78Eiej3oaef9BDGuJBw/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/AVvXsEjw4Pj8hZo1MefHBYP37a_Nc51Tw8mqyCGHNBsoSHfiWPBD_BWEsdrc7ipt_MLLsJHvQIIwYX-zNLsdEVtohlUKc0x5TLOSCVq9gHqZv0eqanwzhPDqw74fClfH_g7BDoFXcI1qki3EONs/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw4Pj8hZo1MefHBYP37a_Nc51Tw8mqyCGHNBsoSHfiWPBD_BWEsdrc7ipt_MLLsJHvQIIwYX-zNLsdEVtohlUKc0x5TLOSCVq9gHqZv0eqanwzhPDqw74fClfH_g7BDoFXcI1qki3EONs/s800/emoticon-0103-cool.gif'/> :k
&#160;

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/AVvXsEjw4Pj8hZo1MefHBYP37a_Nc51Tw8mqyCGHNBsoSHfiWPBD_BWEsdrc7ipt_MLLsJHvQIIwYX-zNLsdEVtohlUKc0x5TLOSCVq9gHqZv0eqanwzhPDqw74fClfH_g7BDoFXcI1qki3EONs/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.