Tutorial - Como Colocar Emoticons Nos Comentários Do Blog

Entre no painel de seu blog clique em design, editar html, clique para expandir modelos de widgets e procure por:
data:blogCommentMessage

Visualize isso

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Cole o seguinte código abaixo

<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/AVvXsEjqh0G3nKSljjwBc5ApnINV4f4R1pQQ6pC75d4tBtIbPt8EL-zfDc8hp3-SEv57ICx4hOwzVQd6samdceZagiVFNWxdiLVXDm6Vyh1b8OV3qFaK-qya-Byi-vj9NwupsgaSfhohGt7BokU/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil4YWJokzMIvpUOH3v3iqRcYIK-VfZ_xzoqWmiaRGgHm1j-qGIixgfmZxssEIS6SG996pdXo65MQraahwr0_F0Jl3-DNaK8uD723gerAUi95l99AGUBuYH8_AdrS9yLOnzX60caR-OFI4/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitmKZZVU-DTqHYBN7jzjLkiEg3ya_Ld6SbVchBD7Rv-4pwCZyhpxyUCdNCnXnRb6RQ8jmmderUtZTQfAyrCKZBR_GY06D3s8xvxZGGVDCPPidOZtSKCEZ620k8LPcxMCjrvkgxV3VM4uA/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRPGY9Ez08vlxhXAiFXn5J0uH3B8C57L6m0v0PPadvzYGwBIFjzUJXVplc0RMORxrmZqUe3-WxvgPdQ35eabBUNwWPSbWSBbGu15uxYFsGujE5UHvYgFapr3TltAHEq4f1vwPyPIlF0kc/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqAkpD1EXCm3_eyEGFxjWn8dbGPMAsr4hMKEQynhtEcwy5_VPyt7zqUxwYvTt7us6k6TYnp1RRwPj1TnQTgONphYw7lSU8Pxgwd0Vjbx1heeFRekqu0xZqVDwZmCthvj9ZYMghnsRVRZo/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZZLdviEJ4xMP0muR2e4D4N652R_6rad_QR54bICzRYgpIDPumkIOdU1jOz3XFozCGG-Nzefkn-osgkILq3q6xDkKdv-cb5wEhKRg1_DdSSQgHMiwaaCQ71PWNXMDYbpRUp8Rgf0HEFqU/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlyu8KrOu2Zd2iTlQeFCO8Z2qtjoi4aOuLhJfTw3jxbUoIkkWMSeXMvilHs7Rj2lDvJ8sSwXMxzW-ueyWaUtkGOfuPIlhcmg1E2H4GGsHHh9pmj69OfSNvhzSzTJOfuKhdsVYQw_VzsM/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOW9dy2KxUwGb2-2DFsOZ-ZdMKeq4dJnlkjlvAHX6pFjLkhVlBQmMUnGRnJCMIDS241k-JDz8B-oKKi7L5PZH90lBcClgTQvNiro8W8E3ntmVNtt-eOt4obyiWxpKIXi36nuTpxts5a_w/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaU4cy4ekOUKZwjS0kxObqQBZxZUG4BFhfXQf0xVy8KiEQqdAEyPev_zmtUl8mHg5o_mFHFLx0Hm3MwayZOxAwvEM_Yumgqx_830Y_mT0F23qfXo3FcZBzUirlR06wR88uRU2AiCLO8g4/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAGr3j1Fsj77fdB7hnfQyu_ShLvNl0HoSMbhToP4agSCTtjU8eIl_kRfDSxH9Wv73zULSFOune89jiVQYx02M-FzwEotz60pIijiBkFj5S3LAjZdLcZF7rVrUIs_rZzyIoH6U8Nqsmioc/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicqNTvxqFFHkrlKPUB99QhRVhuh3UTLajD4r-j9CIDy0N4CgD7LoGR6O7BOOsJ8T3LR9zec32jyJzCfyMLwX0a32Fugn1ReRAT259OZGCggcFnqDmIU_x8aDOExT3YkIjMkxGd9kMRvuo/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLX2SBzoixIrRwEnNtdwhDao-1ATMtgyuyxzaH4votdPIG1pVelxWY_jB5mGdN-wbUJxLdFgcwwpNJmkrCcQl6TFCHBBirDDgCd5DIIO4Ubt-Chak7NfcvUo2B2PFQ7ANblJpOf2jZw64/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3RY5cEshlI0QmcdSSJmjJw2h8G7mgvzI0OcAP3efnwWGOd-ch0wkXQc-vx04hkK498NKod1-1bL_L2Pp0cMkxe3SjaC2RK9fQBSShoHgc7fEcSw5rOOcuG7IL9iJOz30FSsBLG5V8cV0/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKmCg1npE4YGgr1HTPFzgB17AdMwWKZYiu_3hjg2j2vnRwxGs7Xsf5I-Q7Kri6ai8NZn1C5W1-ujYL1Nc7AMoSfDTIw0ZsZvkniMD6b_ykWspB7QmnJoAKBosvmgLT99n5f6z2ChUBOV4/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQE0SIgH-h1OlVe38gsTFhoEAavcbEcELvadcZuar-7fFYrz7sPRHVbU7tPgx7MVKteldtrRfGScd7PIdJpa0l5M4qaIXki_qi60GPes2PD1bVjYg7EUI7qxYeFkT5XSTrRwH7ZLeaMU4/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgho119u8-CgMOY9PDAoIlQZLgNjCL3OA8JPdgcJrgiB6z0QniAKfqvrLMlkISBbhcGKB8zX72IHedxC3pDDjBOYB0ga4ogD6kXll1LjQ1K3dx_6Y-EG4XXq0Gb1IGSE_5Frp11MYfywok/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5icUySCCV-b6CEhirCNACqGUvF_4FvyFrDZNjbGOGnbNC_A10eKpw9PMBhR6VbMVtPEI_8idF2cGh7Ou0VT0nAXg4VmW3oj0ZPvDHHqybW4XGh_Ipq-JgZCGOvYFR82gJC4bNSB1Crfc/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8RJNxsqv3r5j1Ic5ojadtRSFDXWIeWw4PkfXxMAjz1KzZR7rxLDKNN5D6Z0oXm4dIBq0syGreBWHKxnoo9CBrHomKPQjEj8Gi70o-N0Ia4LX_TsfwvELGVhI0WgnpwHxJkq1-2OYxpc0/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOny_WBqR3ATjbwuoK90zO-IZQXs0xzFvb9qU_OuWyBc0X0rayCMhaUhhULxl-0z52hxvlnqeCzFL49J10lLIybrWVgru63hIPDY4nHzLJqtXuWPP5FLwcrsd8pEq3QGMtul13FuO3LpI/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOPuJtBkSqYTrLVQTnkgHTg0H-rOjK-2pRqhsknkDTa5jU4hOGAu2nXV8wSV810DnmxzJyRLGed4LS85AQW2zys9tKggQIZnAnxsOazfhWCfP14ELjpyVE_nrBeZzPe3ExD8b3_hCn1cI/s800/emoticon-0155-flower.gif'/> :t
</div>

Clique para salvar

agora  procure por: </body> e coloque o seguinte código antes dele </body> :

<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/AVvXsEiAGr3j1Fsj77fdB7hnfQyu_ShLvNl0HoSMbhToP4agSCTtjU8eIl_kRfDSxH9Wv73zULSFOune89jiVQYx02M-FzwEotz60pIijiBkFj5S3LAjZdLcZF7rVrUIs_rZzyIoH6U8Nqsmioc/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicqNTvxqFFHkrlKPUB99QhRVhuh3UTLajD4r-j9CIDy0N4CgD7LoGR6O7BOOsJ8T3LR9zec32jyJzCfyMLwX0a32Fugn1ReRAT259OZGCggcFnqDmIU_x8aDOExT3YkIjMkxGd9kMRvuo/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLX2SBzoixIrRwEnNtdwhDao-1ATMtgyuyxzaH4votdPIG1pVelxWY_jB5mGdN-wbUJxLdFgcwwpNJmkrCcQl6TFCHBBirDDgCd5DIIO4Ubt-Chak7NfcvUo2B2PFQ7ANblJpOf2jZw64/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3RY5cEshlI0QmcdSSJmjJw2h8G7mgvzI0OcAP3efnwWGOd-ch0wkXQc-vx04hkK498NKod1-1bL_L2Pp0cMkxe3SjaC2RK9fQBSShoHgc7fEcSw5rOOcuG7IL9iJOz30FSsBLG5V8cV0/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKmCg1npE4YGgr1HTPFzgB17AdMwWKZYiu_3hjg2j2vnRwxGs7Xsf5I-Q7Kri6ai8NZn1C5W1-ujYL1Nc7AMoSfDTIw0ZsZvkniMD6b_ykWspB7QmnJoAKBosvmgLT99n5f6z2ChUBOV4/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQE0SIgH-h1OlVe38gsTFhoEAavcbEcELvadcZuar-7fFYrz7sPRHVbU7tPgx7MVKteldtrRfGScd7PIdJpa0l5M4qaIXki_qi60GPes2PD1bVjYg7EUI7qxYeFkT5XSTrRwH7ZLeaMU4/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgho119u8-CgMOY9PDAoIlQZLgNjCL3OA8JPdgcJrgiB6z0QniAKfqvrLMlkISBbhcGKB8zX72IHedxC3pDDjBOYB0ga4ogD6kXll1LjQ1K3dx_6Y-EG4XXq0Gb1IGSE_5Frp11MYfywok/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5icUySCCV-b6CEhirCNACqGUvF_4FvyFrDZNjbGOGnbNC_A10eKpw9PMBhR6VbMVtPEI_8idF2cGh7Ou0VT0nAXg4VmW3oj0ZPvDHHqybW4XGh_Ipq-JgZCGOvYFR82gJC4bNSB1Crfc/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8RJNxsqv3r5j1Ic5ojadtRSFDXWIeWw4PkfXxMAjz1KzZR7rxLDKNN5D6Z0oXm4dIBq0syGreBWHKxnoo9CBrHomKPQjEj8Gi70o-N0Ia4LX_TsfwvELGVhI0WgnpwHxJkq1-2OYxpc0/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOPuJtBkSqYTrLVQTnkgHTg0H-rOjK-2pRqhsknkDTa5jU4hOGAu2nXV8wSV810DnmxzJyRLGed4LS85AQW2zys9tKggQIZnAnxsOazfhWCfP14ELjpyVE_nrBeZzPe3ExD8b3_hCn1cI/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOny_WBqR3ATjbwuoK90zO-IZQXs0xzFvb9qU_OuWyBc0X0rayCMhaUhhULxl-0z52hxvlnqeCzFL49J10lLIybrWVgru63hIPDY4nHzLJqtXuWPP5FLwcrsd8pEq3QGMtul13FuO3LpI/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqh0G3nKSljjwBc5ApnINV4f4R1pQQ6pC75d4tBtIbPt8EL-zfDc8hp3-SEv57ICx4hOwzVQd6samdceZagiVFNWxdiLVXDm6Vyh1b8OV3qFaK-qya-Byi-vj9NwupsgaSfhohGt7BokU/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil4YWJokzMIvpUOH3v3iqRcYIK-VfZ_xzoqWmiaRGgHm1j-qGIixgfmZxssEIS6SG996pdXo65MQraahwr0_F0Jl3-DNaK8uD723gerAUi95l99AGUBuYH8_AdrS9yLOnzX60caR-OFI4/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitmKZZVU-DTqHYBN7jzjLkiEg3ya_Ld6SbVchBD7Rv-4pwCZyhpxyUCdNCnXnRb6RQ8jmmderUtZTQfAyrCKZBR_GY06D3s8xvxZGGVDCPPidOZtSKCEZ620k8LPcxMCjrvkgxV3VM4uA/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRPGY9Ez08vlxhXAiFXn5J0uH3B8C57L6m0v0PPadvzYGwBIFjzUJXVplc0RMORxrmZqUe3-WxvgPdQ35eabBUNwWPSbWSBbGu15uxYFsGujE5UHvYgFapr3TltAHEq4f1vwPyPIlF0kc/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqAkpD1EXCm3_eyEGFxjWn8dbGPMAsr4hMKEQynhtEcwy5_VPyt7zqUxwYvTt7us6k6TYnp1RRwPj1TnQTgONphYw7lSU8Pxgwd0Vjbx1heeFRekqu0xZqVDwZmCthvj9ZYMghnsRVRZo/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZZLdviEJ4xMP0muR2e4D4N652R_6rad_QR54bICzRYgpIDPumkIOdU1jOz3XFozCGG-Nzefkn-osgkILq3q6xDkKdv-cb5wEhKRg1_DdSSQgHMiwaaCQ71PWNXMDYbpRUp8Rgf0HEFqU/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTlyu8KrOu2Zd2iTlQeFCO8Z2qtjoi4aOuLhJfTw3jxbUoIkkWMSeXMvilHs7Rj2lDvJ8sSwXMxzW-ueyWaUtkGOfuPIlhcmg1E2H4GGsHHh9pmj69OfSNvhzSzTJOfuKhdsVYQw_VzsM/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOW9dy2KxUwGb2-2DFsOZ-ZdMKeq4dJnlkjlvAHX6pFjLkhVlBQmMUnGRnJCMIDS241k-JDz8B-oKKi7L5PZH90lBcClgTQvNiro8W8E3ntmVNtt-eOt4obyiWxpKIXi36nuTpxts5a_w/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaU4cy4ekOUKZwjS0kxObqQBZxZUG4BFhfXQf0xVy8KiEQqdAEyPev_zmtUl8mHg5o_mFHFLx0Hm3MwayZOxAwvEM_Yumgqx_830Y_mT0F23qfXo3FcZBzUirlR06wR88uRU2AiCLO8g4/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 emoticons facilmente, repare que os trechos que se repetem varias vezes:
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicqNTvxqFFHkrlKPUB99QhRVhuh3UTLajD4r-j9CIDy0N4CgD7LoGR6O7BOOsJ8T3LR9zec32jyJzCfyMLwX0a32Fugn1ReRAT259OZGCggcFnqDmIU_x8aDOExT3YkIjMkxGd9kMRvuo/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicqNTvxqFFHkrlKPUB99QhRVhuh3UTLajD4r-j9CIDy0N4CgD7LoGR6O7BOOsJ8T3LR9zec32jyJzCfyMLwX0a32Fugn1ReRAT259OZGCggcFnqDmIU_x8aDOExT3YkIjMkxGd9kMRvuo/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 emotion , portanto se trocar o endereço da imagem: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicqNTvxqFFHkrlKPUB99QhRVhuh3UTLajD4r-j9CIDy0N4CgD7LoGR6O7BOOsJ8T3LR9zec32jyJzCfyMLwX0a32Fugn1ReRAT259OZGCggcFnqDmIU_x8aDOExT3YkIjMkxGd9kMRvuo/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.