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/AVvXsEjX0Esz1Ix4Tlf4ajqoE5T7zltQfsagr3X-PiiTTVMw4rBRzKyGT5iowuRomyrHTVP4wbNy-SkamWPWqo7uklfENTH9dG7PclF9gYqoYN7s7Vn5QPD7pt1dEFZ7zJqaSt7G_r51AoFmIZE/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4_iXVeswFmWgWe1b8_N_gM7igLE0j-SQyXHxuE14PTskreX30_Yy-RmaZ-XrKnjo9x6AqEzujgTATtCpqR9kFNm8bFAtzGOWcz5HbX0wzaENdPpUMrS_OcJKLuC20kKgLxnfmKV6UacA/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk3y283j9xTIE_c21r_C5umJ7cBqXu1r_rl71aZjY_c9NvYgcFs4QoweKGEC2VS-Z5M2LmT7vw6q2hIZ4fDKjd9t0mpSUTKpj76PWjD9a_O5TznuHMFtSX53YxmhSnDC0b7KSJ8WYVIRE/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ3ghZrTyxmzHLCgs-a-yKzvh2FBDAH_7Q3Pwn9ARiwcOe9lrPClpD3PiJbBqRoi0YRXzMgSQjZL6mESkzLdYfcmrpY59PzqlUwAojcTD_GkFA4CAMkAyM_SfDls35QOxYvDDNrjdrYIE/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl6FW9lt-hXPYVfrPkoqZBMUunAmDtWPLtDNEB1lbhucr-U83mMCCxIm9MqGI8nKwuREikfMCY_VcJBJb4OQ9XVFv3FT3yOro2VgfR_xXDco6SFYVbVMvkyp5rSpaMKwc6nj7G2jNOezY/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3qedXwEW7kUFzcm5f9I0KsCoA3UfAer6dPNUhyVOivJdP29abSoZ5bTAZK_CQPHK4J0dLI9g_wUiSyGTdBUDDz-cnc4mTO6bs0RIDcY4jMzjLbV5z4HtSqOKIEgG71Av1ANhYO1kzQ00/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7OidLTMzSUEvseO5hA_Yo_qz0nVr_oZ9WiRFGMX-zAL4-ZXVoLQ47eshxg7YhxPbWBrHmERJFS8JPsUBfLv9oMWogpC_s7oN3Gl3vxPa9v9yUYT3e9eb6gZDBnA_Y5lt7nTJcGCkMtHg/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nHL4onPvoOFKpOer8wSu-qD14lrDfXCEZOAZM09P6Rya9avmyL3xXsY2FR0MIct6xdahcY7OrSNXNOtgzD-gNxnZX8vBEQOCSJ14FZiYdOKoB73fZ9vhWqDsVXtihXtoc13aQzimcWI/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PzwAkjIt6IFsCVTP7j8kBIog8shzHJHM-d8BanxhkH6r_A6ypeMLsNgTn5f2ydVWEzCypF9NZMvNWKGDg3YnKpqZn0m1-mY-v7sfi4lq6gIwy6XZ7Mki-E1l98ZItK3O1nlEZBJQzAo/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhomfdk2A8ud_XPKyPeQefCCMou8CgIcOlw8SNOEDI3ISCHaEqr92IttCRlGPNAelFZOE8AUgJGxnfyl646caX4YpoSkYVxyGVs8TNI-rcvtXClgsNwdAyfamMFGN5xasyH3TEFr9OeV9I/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHR7_HWnped4SK5tN5rzsihcgtHhe953o19GKLGj7BLrviLxsCX87qXm38Ic6Fth3lzYiy2CK6vkA4PzngIzNHATyj_XbQf9v5OK0j6M4c1J7vYswPj0aXiTJ2vAsYzjqYfK6XOHqFbk/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRXgZUtL7DUkAzQdqEN192SE3QfqzRFHxQ8ugAznEbB651lbMH_RQEh3Xk1csO79w8dF_2gKzFZXs3q3kFxUnERPhdvstKBxpMd7fEkpdT0_VhyphenhyphenjBrHdiQl0l2sVDXdKBd0272r5yNKUU/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5Mi7YJD2_3xse1dqNxp0NghGVaBLIO18ZtfRcibdR4OcI8wfUnXnAUTQ5NsXpQbOmB6MirpbIHpeeM9Aq35YQGclsKFPBMQ71XBJLVAqgaGowc6Tp_3M5yhr8UKNmskYTM6SRgh0rto/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn0-cRYWPDBd4nCjGSRxGTvOBHtmqvk7k1k4I4_iqIG4-RLR1sD-V-EQSao8GzDONCe_UM3CXb-fcKprQMx01ThjjHZpChclrtP1Hn2VRhLdO0UQ5nPEqS9kGF7BrpIyxFFjuou6EvtNc/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj3qUMIJtNtPgc-UrlMxsOfGiIsUiK4v3snvT4yC7Hxf3pKGSbUTVVFvqqEBDCtBu7M3u3iWFHnLtsvOpl46e61CQYNJKIM7Ja5y2Rd_9F6kZvh4G-plwBd0FoPBowlUQUTS_xb2NDsrg/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPDDFHbSG1OthdNqwo6o3tAlZhiSTyovZypeVWkFoOcIpYYVltk8W9_kiZWcdEZyWLW0fD6vtdCnTlFdd3trU4ddLnWnaIK5sj55GNq9wHejuFApAVvGSVOJpWn8rqce3ry8pzQCjAwsY/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOW33NyAKiYjETTE23_7F7L70OryKaGmZY0qyANS1YLDNJkRxCpx6KjW3TTjDNGxHZnkTkztTv5e9Z8HgebTmyg7wII36clyeD8AURMJMOCjxjMsIrcrL7HF13Z7FGkw5J5oORtm9VyA/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy63fARSF7TfDQC-v3BZr1_MavPV3yCLJVzVK6fhW2bsYcaiAnYbIq-ctKoC5U3Jq3c9fNsZCHS6f0ngPSwyQPbKhIJfWJvIEgsQSkKv32k64Vp4TscoWwSh5JF8hwCIWKdZIn88aAHZI/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJkvpNMrtmdW3LjrGb6CUDDyJuZrareyfPfBIcy7CB9ZeyvDoxuWr49xUxIkr24O5nRUp2bwvqoaJv2qEdyrDIKzRD-YI-yLdexByjCv2NU8kA_pIcTqSOmDpPYuLdTud5voMDC2CsD1k/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK71zmhYTwY1eXMMzSg9bcfU2iZSLSpWxA6KsREG9FlddYSiYtpLLkB7rS7GxkDokPVkhdP1oCPSOOxCqeeIgAcsQZjfSooA67uj36gJB9dFtUOWxFxJaRqNcJmtQhN94l2BLGxYZRLdQ/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/AVvXsEhomfdk2A8ud_XPKyPeQefCCMou8CgIcOlw8SNOEDI3ISCHaEqr92IttCRlGPNAelFZOE8AUgJGxnfyl646caX4YpoSkYVxyGVs8TNI-rcvtXClgsNwdAyfamMFGN5xasyH3TEFr9OeV9I/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHR7_HWnped4SK5tN5rzsihcgtHhe953o19GKLGj7BLrviLxsCX87qXm38Ic6Fth3lzYiy2CK6vkA4PzngIzNHATyj_XbQf9v5OK0j6M4c1J7vYswPj0aXiTJ2vAsYzjqYfK6XOHqFbk/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRXgZUtL7DUkAzQdqEN192SE3QfqzRFHxQ8ugAznEbB651lbMH_RQEh3Xk1csO79w8dF_2gKzFZXs3q3kFxUnERPhdvstKBxpMd7fEkpdT0_VhyphenhyphenjBrHdiQl0l2sVDXdKBd0272r5yNKUU/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5Mi7YJD2_3xse1dqNxp0NghGVaBLIO18ZtfRcibdR4OcI8wfUnXnAUTQ5NsXpQbOmB6MirpbIHpeeM9Aq35YQGclsKFPBMQ71XBJLVAqgaGowc6Tp_3M5yhr8UKNmskYTM6SRgh0rto/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn0-cRYWPDBd4nCjGSRxGTvOBHtmqvk7k1k4I4_iqIG4-RLR1sD-V-EQSao8GzDONCe_UM3CXb-fcKprQMx01ThjjHZpChclrtP1Hn2VRhLdO0UQ5nPEqS9kGF7BrpIyxFFjuou6EvtNc/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj3qUMIJtNtPgc-UrlMxsOfGiIsUiK4v3snvT4yC7Hxf3pKGSbUTVVFvqqEBDCtBu7M3u3iWFHnLtsvOpl46e61CQYNJKIM7Ja5y2Rd_9F6kZvh4G-plwBd0FoPBowlUQUTS_xb2NDsrg/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPDDFHbSG1OthdNqwo6o3tAlZhiSTyovZypeVWkFoOcIpYYVltk8W9_kiZWcdEZyWLW0fD6vtdCnTlFdd3trU4ddLnWnaIK5sj55GNq9wHejuFApAVvGSVOJpWn8rqce3ry8pzQCjAwsY/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOW33NyAKiYjETTE23_7F7L70OryKaGmZY0qyANS1YLDNJkRxCpx6KjW3TTjDNGxHZnkTkztTv5e9Z8HgebTmyg7wII36clyeD8AURMJMOCjxjMsIrcrL7HF13Z7FGkw5J5oORtm9VyA/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy63fARSF7TfDQC-v3BZr1_MavPV3yCLJVzVK6fhW2bsYcaiAnYbIq-ctKoC5U3Jq3c9fNsZCHS6f0ngPSwyQPbKhIJfWJvIEgsQSkKv32k64Vp4TscoWwSh5JF8hwCIWKdZIn88aAHZI/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK71zmhYTwY1eXMMzSg9bcfU2iZSLSpWxA6KsREG9FlddYSiYtpLLkB7rS7GxkDokPVkhdP1oCPSOOxCqeeIgAcsQZjfSooA67uj36gJB9dFtUOWxFxJaRqNcJmtQhN94l2BLGxYZRLdQ/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJkvpNMrtmdW3LjrGb6CUDDyJuZrareyfPfBIcy7CB9ZeyvDoxuWr49xUxIkr24O5nRUp2bwvqoaJv2qEdyrDIKzRD-YI-yLdexByjCv2NU8kA_pIcTqSOmDpPYuLdTud5voMDC2CsD1k/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0Esz1Ix4Tlf4ajqoE5T7zltQfsagr3X-PiiTTVMw4rBRzKyGT5iowuRomyrHTVP4wbNy-SkamWPWqo7uklfENTH9dG7PclF9gYqoYN7s7Vn5QPD7pt1dEFZ7zJqaSt7G_r51AoFmIZE/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4_iXVeswFmWgWe1b8_N_gM7igLE0j-SQyXHxuE14PTskreX30_Yy-RmaZ-XrKnjo9x6AqEzujgTATtCpqR9kFNm8bFAtzGOWcz5HbX0wzaENdPpUMrS_OcJKLuC20kKgLxnfmKV6UacA/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk3y283j9xTIE_c21r_C5umJ7cBqXu1r_rl71aZjY_c9NvYgcFs4QoweKGEC2VS-Z5M2LmT7vw6q2hIZ4fDKjd9t0mpSUTKpj76PWjD9a_O5TznuHMFtSX53YxmhSnDC0b7KSJ8WYVIRE/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ3ghZrTyxmzHLCgs-a-yKzvh2FBDAH_7Q3Pwn9ARiwcOe9lrPClpD3PiJbBqRoi0YRXzMgSQjZL6mESkzLdYfcmrpY59PzqlUwAojcTD_GkFA4CAMkAyM_SfDls35QOxYvDDNrjdrYIE/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl6FW9lt-hXPYVfrPkoqZBMUunAmDtWPLtDNEB1lbhucr-U83mMCCxIm9MqGI8nKwuREikfMCY_VcJBJb4OQ9XVFv3FT3yOro2VgfR_xXDco6SFYVbVMvkyp5rSpaMKwc6nj7G2jNOezY/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3qedXwEW7kUFzcm5f9I0KsCoA3UfAer6dPNUhyVOivJdP29abSoZ5bTAZK_CQPHK4J0dLI9g_wUiSyGTdBUDDz-cnc4mTO6bs0RIDcY4jMzjLbV5z4HtSqOKIEgG71Av1ANhYO1kzQ00/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7OidLTMzSUEvseO5hA_Yo_qz0nVr_oZ9WiRFGMX-zAL4-ZXVoLQ47eshxg7YhxPbWBrHmERJFS8JPsUBfLv9oMWogpC_s7oN3Gl3vxPa9v9yUYT3e9eb6gZDBnA_Y5lt7nTJcGCkMtHg/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nHL4onPvoOFKpOer8wSu-qD14lrDfXCEZOAZM09P6Rya9avmyL3xXsY2FR0MIct6xdahcY7OrSNXNOtgzD-gNxnZX8vBEQOCSJ14FZiYdOKoB73fZ9vhWqDsVXtihXtoc13aQzimcWI/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PzwAkjIt6IFsCVTP7j8kBIog8shzHJHM-d8BanxhkH6r_A6ypeMLsNgTn5f2ydVWEzCypF9NZMvNWKGDg3YnKpqZn0m1-mY-v7sfi4lq6gIwy6XZ7Mki-E1l98ZItK3O1nlEZBJQzAo/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/AVvXsEhpHR7_HWnped4SK5tN5rzsihcgtHhe953o19GKLGj7BLrviLxsCX87qXm38Ic6Fth3lzYiy2CK6vkA4PzngIzNHATyj_XbQf9v5OK0j6M4c1J7vYswPj0aXiTJ2vAsYzjqYfK6XOHqFbk/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHR7_HWnped4SK5tN5rzsihcgtHhe953o19GKLGj7BLrviLxsCX87qXm38Ic6Fth3lzYiy2CK6vkA4PzngIzNHATyj_XbQf9v5OK0j6M4c1J7vYswPj0aXiTJ2vAsYzjqYfK6XOHqFbk/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/AVvXsEhpHR7_HWnped4SK5tN5rzsihcgtHhe953o19GKLGj7BLrviLxsCX87qXm38Ic6Fth3lzYiy2CK6vkA4PzngIzNHATyj_XbQf9v5OK0j6M4c1J7vYswPj0aXiTJ2vAsYzjqYfK6XOHqFbk/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.