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/AVvXsEjD5_YROMiJetQGLthgk4GkRPbmBllCGbpAq8WavJBUtehXlcfMZj96sSkyUNGzER4kjWbGAAH3_gngnGCgq2-L3cW38yk5a7xbfl46wBh4891aFD8AILs4mEEJM8-8HDO60CouMX2y75w/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpLUdO5kPN4-SyTLurPkfcTIH-vTw4lHtZoKgbfZ2MqgR67e4m9WJOvSLcNrBz7kf2Y1j_6hyphenhyphenbna_bQyvkFJIl_pgYFBBxqtvju7G-i6G08__I0YKvepDdfFEhyU6wLanesUHjH_EYZlg/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfT9F9TTadBBEZUwNZne5bUiaIlUdBnu2_vUv6J3h67AVr3GNEmAEIOUPVpZEAXQPe9V976QTrRy2p4gjuWdDeHilwl9BnRVYQUotkubnuy7P6YL9cLjwheoRqzSHRRdi8aqeyrMkIHSc/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT0ziMdkmcMkELG84YbpmJkkvSpYoFlHbkhwITwpBR6sQuVlSzvS6sk8gLH10hEnHpeLDY8xxrUKHh9lzh-iygiYIYrT4SfAbxj-fdIyynStGJ9VemAn-FCqFFmpMe4E5dKi6Jfd-Wytw/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpStwM3NsS8y6WRpjjtuq1eBAxNxGvXQtDCTxFYpRz-1fFTqnNBXr6TNdeDs5YD7z9e2b4PbwFC_yhr7tykIT5KtJhq8r-HR7vS6N5wt-xapAf2WfTP9rwei9UVssxxf6PDzWy1y0YKE/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVHUDPti4a078vSF3_ulZVbt3v41hsj32EExtfoYzvxmJzGlXeDobc6eDxu74yuCw84J1Jqz5ggEYH4_fnr526k4jCOXgfmIi6b7UFRcRaY1RmF5jTT3PmcZ5q-UJmYm7RMsobb-bt3v8/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGB44g-sJNCgwJQREjHi_hF1W2GQFnkRHaCasiOCHeUofPYLBRxbp_Y4cqzlhLRB6cQSe7m-5TFs5KR_MrOtWenqffMhcokvX4JAPLoWnjP0ZklBtYuZ305HUU8xMKrFKvEEWQazvpx-s/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhsHQVbhd1GiyYu_Zqekg5VVnELKL1P1SgVlmPyQFwUOtW7fynWxlgyyV1jFMW9dJ62JV7a1ifSWXRYZIiUeX14GQZ3zQdKfc0sSRK2EzkOHBP0Ly0C42AMovyLEXY1NZtKDWs70JzdQ/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8jyOISfxCYhN4lYni9-IKPRVb25p56Q7VAnneUMkAVFw9F-5aYP6vQ-TGs-m9FhRNWeVbA4owowHI20cz2wxa85xUxPLW_0g_GONdmbWydfNeCquObNX50wpXjVe8A9l1vr9fuat9Nck/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirDm0Bc4ZyDEVet5PRXMzjlOuDNH0hYBrqYSfeyDPGEc6JCBQFLuML0tGZxl-pxnzLCe86_7cq-N8DZYzu4n8Xz_ENe229Dy9wISYuOC00rvtNdl75kXEZ_YF54wmcA4W68rUN5kLimeM/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR1ZKpqFYs3-MKde0mUQ2P1TzU2tZ6124tKrwLaFouCT6DWHtXA1PfAuptzicrHhO9frxcRX8wY76vO98NUTxjiMb-yBR2mtSvNoZEyka9RvSKjzBJiNnINNIM3CkcTXqiY9TtDB1VCio/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyhpTUqdwHVo1P9G_vqYNxFDKZ5Pidta0ObOVN8FRgrWpDorBsdBgkI5zLaCYB7rwtAYsvzAsIUIhjRdlj-q9XwYGvFwJUmj5MymkkcQ-biCBhBo8EJCKTGTomkXhnA0xIDxxIYR7jPc/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZLB9ChXHvnUnZ6_EoWSeKyBHHiJnJqjHtWMkIhbXQR7oiqfrZkgpdA0mJs83i_Xv8KSDRZMJyofULqUe3VF5Cfzj0x1QonfUx3geYh3CTW1DiCFDTHYvIp18gl7fopymckF3_H0jNReg/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCUETRz_G_Cy4ucodmRxM8x0fBL-HvUndLmeK4GcorQCD_GMSDPAAUFhk66yG7mEo_m_Xa9bka9OxPep4lOzpRkUW54Q1sNtHSqmS39eGXm_CSz9h7sYJ0bHrzJV7F9fiZuMe7wEQ3vO4/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kh4if5n_AOVGxwvgp1TV-En8fYJuUPr6kA8rlpdUN2h0UPhC6Frv7au4N3wrKKa8yIzTNR5rAPdg0oOFBGJTeAS3mqC0ilc6V1IWIZDi8BabQqLZ32IEaUruhhkwuuaQhZYNASkwwkg/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-auT0DX9IewAKEtSsdmiNi-DtvWoDR6K1Uf3QQB9zofWGUx8lA8rc4HBpPZXDugTB3CzotPl6xyRvzXPXXKEwbK8rHKmIPjBixY8SsYrOObgK3i4UCk2Gaz77BtkSQBW9ijO6kY2QRjk/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOClPN0OYqGX1YL8uExmW3AYZ0x4lAsTiDfUwAt4ljiCE52sEHJHS69n-eDGf3IqnPS10rLfnDBUoxltE-fZHcCO1OAuGN5sNq6AQ1iAM2JY-YJHgQX136p5rg5inyXo39GDG4pRJRHFI/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8tyl0RlPaiacFEij8nKTLBWJjHNHwfU-ff3X9MkbKymtneTYhPtkybiF-uHcreIbSFsNtvS4hQNIde5nsaHButGcugg8HtQdmrmicXsRY7UgWmAFkJ_UB693AArIYFnpq0wGXujPw80Y/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihy2v8A8SBooBSeh4NFMRkBPYVRvjBFx8w1WsZg70JRVgbBZQSMPeIb1yleJZGr4qVw_FF5XluHrkLAUAKmzsPuMZHL-ESPvk2PcMZTFemaiHWMxV4FC39VJWT1fVWovqRr9SxsZj36Kc/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwE8ZroMfo1-31MmjwrZJ4JbTiIKn36xI2OAlwL6CR_gioI4npOdsXrznz_2aaDpWOrSl2tTNQmkfOeLohKELJY0robGco8aT7WAawUgAdSUxRqsyZE9oLJshzANjh4C44fhz7mQa16eE/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/AVvXsEirDm0Bc4ZyDEVet5PRXMzjlOuDNH0hYBrqYSfeyDPGEc6JCBQFLuML0tGZxl-pxnzLCe86_7cq-N8DZYzu4n8Xz_ENe229Dy9wISYuOC00rvtNdl75kXEZ_YF54wmcA4W68rUN5kLimeM/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR1ZKpqFYs3-MKde0mUQ2P1TzU2tZ6124tKrwLaFouCT6DWHtXA1PfAuptzicrHhO9frxcRX8wY76vO98NUTxjiMb-yBR2mtSvNoZEyka9RvSKjzBJiNnINNIM3CkcTXqiY9TtDB1VCio/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyhpTUqdwHVo1P9G_vqYNxFDKZ5Pidta0ObOVN8FRgrWpDorBsdBgkI5zLaCYB7rwtAYsvzAsIUIhjRdlj-q9XwYGvFwJUmj5MymkkcQ-biCBhBo8EJCKTGTomkXhnA0xIDxxIYR7jPc/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZLB9ChXHvnUnZ6_EoWSeKyBHHiJnJqjHtWMkIhbXQR7oiqfrZkgpdA0mJs83i_Xv8KSDRZMJyofULqUe3VF5Cfzj0x1QonfUx3geYh3CTW1DiCFDTHYvIp18gl7fopymckF3_H0jNReg/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCUETRz_G_Cy4ucodmRxM8x0fBL-HvUndLmeK4GcorQCD_GMSDPAAUFhk66yG7mEo_m_Xa9bka9OxPep4lOzpRkUW54Q1sNtHSqmS39eGXm_CSz9h7sYJ0bHrzJV7F9fiZuMe7wEQ3vO4/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4kh4if5n_AOVGxwvgp1TV-En8fYJuUPr6kA8rlpdUN2h0UPhC6Frv7au4N3wrKKa8yIzTNR5rAPdg0oOFBGJTeAS3mqC0ilc6V1IWIZDi8BabQqLZ32IEaUruhhkwuuaQhZYNASkwwkg/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-auT0DX9IewAKEtSsdmiNi-DtvWoDR6K1Uf3QQB9zofWGUx8lA8rc4HBpPZXDugTB3CzotPl6xyRvzXPXXKEwbK8rHKmIPjBixY8SsYrOObgK3i4UCk2Gaz77BtkSQBW9ijO6kY2QRjk/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOClPN0OYqGX1YL8uExmW3AYZ0x4lAsTiDfUwAt4ljiCE52sEHJHS69n-eDGf3IqnPS10rLfnDBUoxltE-fZHcCO1OAuGN5sNq6AQ1iAM2JY-YJHgQX136p5rg5inyXo39GDG4pRJRHFI/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8tyl0RlPaiacFEij8nKTLBWJjHNHwfU-ff3X9MkbKymtneTYhPtkybiF-uHcreIbSFsNtvS4hQNIde5nsaHButGcugg8HtQdmrmicXsRY7UgWmAFkJ_UB693AArIYFnpq0wGXujPw80Y/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwE8ZroMfo1-31MmjwrZJ4JbTiIKn36xI2OAlwL6CR_gioI4npOdsXrznz_2aaDpWOrSl2tTNQmkfOeLohKELJY0robGco8aT7WAawUgAdSUxRqsyZE9oLJshzANjh4C44fhz7mQa16eE/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihy2v8A8SBooBSeh4NFMRkBPYVRvjBFx8w1WsZg70JRVgbBZQSMPeIb1yleJZGr4qVw_FF5XluHrkLAUAKmzsPuMZHL-ESPvk2PcMZTFemaiHWMxV4FC39VJWT1fVWovqRr9SxsZj36Kc/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD5_YROMiJetQGLthgk4GkRPbmBllCGbpAq8WavJBUtehXlcfMZj96sSkyUNGzER4kjWbGAAH3_gngnGCgq2-L3cW38yk5a7xbfl46wBh4891aFD8AILs4mEEJM8-8HDO60CouMX2y75w/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpLUdO5kPN4-SyTLurPkfcTIH-vTw4lHtZoKgbfZ2MqgR67e4m9WJOvSLcNrBz7kf2Y1j_6hyphenhyphenbna_bQyvkFJIl_pgYFBBxqtvju7G-i6G08__I0YKvepDdfFEhyU6wLanesUHjH_EYZlg/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfT9F9TTadBBEZUwNZne5bUiaIlUdBnu2_vUv6J3h67AVr3GNEmAEIOUPVpZEAXQPe9V976QTrRy2p4gjuWdDeHilwl9BnRVYQUotkubnuy7P6YL9cLjwheoRqzSHRRdi8aqeyrMkIHSc/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT0ziMdkmcMkELG84YbpmJkkvSpYoFlHbkhwITwpBR6sQuVlSzvS6sk8gLH10hEnHpeLDY8xxrUKHh9lzh-iygiYIYrT4SfAbxj-fdIyynStGJ9VemAn-FCqFFmpMe4E5dKi6Jfd-Wytw/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpStwM3NsS8y6WRpjjtuq1eBAxNxGvXQtDCTxFYpRz-1fFTqnNBXr6TNdeDs5YD7z9e2b4PbwFC_yhr7tykIT5KtJhq8r-HR7vS6N5wt-xapAf2WfTP9rwei9UVssxxf6PDzWy1y0YKE/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVHUDPti4a078vSF3_ulZVbt3v41hsj32EExtfoYzvxmJzGlXeDobc6eDxu74yuCw84J1Jqz5ggEYH4_fnr526k4jCOXgfmIi6b7UFRcRaY1RmF5jTT3PmcZ5q-UJmYm7RMsobb-bt3v8/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGB44g-sJNCgwJQREjHi_hF1W2GQFnkRHaCasiOCHeUofPYLBRxbp_Y4cqzlhLRB6cQSe7m-5TFs5KR_MrOtWenqffMhcokvX4JAPLoWnjP0ZklBtYuZ305HUU8xMKrFKvEEWQazvpx-s/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhsHQVbhd1GiyYu_Zqekg5VVnELKL1P1SgVlmPyQFwUOtW7fynWxlgyyV1jFMW9dJ62JV7a1ifSWXRYZIiUeX14GQZ3zQdKfc0sSRK2EzkOHBP0Ly0C42AMovyLEXY1NZtKDWs70JzdQ/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8jyOISfxCYhN4lYni9-IKPRVb25p56Q7VAnneUMkAVFw9F-5aYP6vQ-TGs-m9FhRNWeVbA4owowHI20cz2wxa85xUxPLW_0g_GONdmbWydfNeCquObNX50wpXjVe8A9l1vr9fuat9Nck/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/AVvXsEiR1ZKpqFYs3-MKde0mUQ2P1TzU2tZ6124tKrwLaFouCT6DWHtXA1PfAuptzicrHhO9frxcRX8wY76vO98NUTxjiMb-yBR2mtSvNoZEyka9RvSKjzBJiNnINNIM3CkcTXqiY9TtDB1VCio/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR1ZKpqFYs3-MKde0mUQ2P1TzU2tZ6124tKrwLaFouCT6DWHtXA1PfAuptzicrHhO9frxcRX8wY76vO98NUTxjiMb-yBR2mtSvNoZEyka9RvSKjzBJiNnINNIM3CkcTXqiY9TtDB1VCio/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/AVvXsEiR1ZKpqFYs3-MKde0mUQ2P1TzU2tZ6124tKrwLaFouCT6DWHtXA1PfAuptzicrHhO9frxcRX8wY76vO98NUTxjiMb-yBR2mtSvNoZEyka9RvSKjzBJiNnINNIM3CkcTXqiY9TtDB1VCio/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.

GOSTOU COMENTE !