Emoticons nos Comentários do Blogger ~ TORRENT JOGOS VARIADOS

Navegando pela web, encontrei uma dica no My Blogger Tricks, que ensina a adicionar emoticons animados do Skype no formulário de comentários do Blogger.
Este hack é bem fácil de instalar e com ele você dá um visual diferente aos comentários no seu blog.

1º passo:

Incluir imagem com emoticons e símbolos sobre o formulário de comentários para que os visitantes saibam como usar cada emoticon.

1. Vá no menu “modelo”, entre na edição HTML do seu template, clique em “expandir modelos de widgets” e localize a seguinte linha:


<p><data:blogCommentMessage/></p>

e cole o seguinte código logo ABAIXO dela:


<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/AVvXsEjckzzAsWm_fRywpKah5li_xCMQbPF8vxU7GNcHLuJhaH2ShOvajHVsQesoNW3qEb3CsaQM1367_noyYQ_JxtPRuYNtSbUtBlEa6Sype-hzfnSP5ic1MoavTJ0pufOaT_u6A9vOb64-zYw/s800/emoticon-0100-smile.gif'/> :a

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUVshfIyhwgkatiDfowd9dCcmjnuB6KgHB8QpZA0gJmbmlfIgJySvIuKfdjHtpmnxRj8p2PLAXmzbtFEjbRFY69eNPEhpfYO0rNeYsz8LA2zyO4C9mBzPSLl6SfcKRIyNNckFTO3TuFEQ/s800/emoticon-0101-sadsmile.gif'/> :b

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUxqtbuIEGognPCmW6ZBJkuM1Sm_OF713DZW4xYEgCM8VR7I3p4gZqrxPpZxKNHm_cPDuiMnKky2LFIsQyu40Xl6MQ2QRFiyXh0iM-kbfFjrQPUPnjmNB4xPlm86bp-DAzQ2TzoQUzS4c/s800/emoticon-0102-bigsmile.gif'/> :c

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGVIRWv8DXfuAXXSFxyiXBFsMvo2O0rUddXcTRt0OTo9YHfvqkYNnVEQGuGpuPtXe1tJ6duVTDsMd2ZuXogSyc4VZ71pw0hda2n6WOKIN4pERvCd9tT6v6bYoj8NKux3rbtc5X6j8RCP8/s800/emoticon-0105-wink.gif'/> :d

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4wunO8q6m3Q4sPDQhUsXu35gSv-y2d2HAZ2ofSGVHMp75aBVjiMN6B3vIpvCIs7QZRiimTQdR2W5W836TNTnpxEH45cGrwYMbBXFClGrPeHV2SfK3Y1MwXg1yxL5INU9cA55dragN-nk/s800/emoticon-0104-surprised.gif'/> :e

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgX9Bc_IdeDqBwuMyM3m02rJSDWGxwLcuOlCpcIcArvL-0YAC7_qWlRmePQgRQWEGSPXv-6rqm1g4vjV79xbWVUz3bd2ixca6fT5Qc97Eto7gwjwF-7_qH-o9VfqfO0c9MLGr5yV1eFbc/s800/emoticon-0106-crying.gif'/> :f

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYYc2bJ7m5bKQxDgEKEVUfgNPxxrArzL4z1Rh0aXCjgAOm0z-4uQGuVPP3u31TNorPsMrsBMuaJNWkDWAwCrmMs7TZb3MFguIY_xP_Eq7iNWK1XFzLG40xlJrfZ2Y8bInHJwV9mS3sAOI/s800/emoticon-0109-kiss.gif'/> :g

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8_YrU_j5KKTYfyilOqlRs2MMhHZLFXxuVSDZJ0Ws4xuNBEHQZYk267DqU29Kmk6kNV83HveIp6FyQwHU88wh-yR0Bb4X9jLNmB8skfvK6PR3jowqY3NQbEOQ6EtMvcTqBq60EknPFnU/s800/emoticon-0111-blush.gif'/> :h

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_bjN6UYwo9XoYeMjqlWZC5hyphenhyphenKEZRVlprAKHBhAbSGklOvqPrb6OXkuVoqTNhnM29AacG2CQIOllQyoetEVgDMkvVd2dLfG2oz6YxHokJdMQIXiyp6myrjVRApw68h0WLYkG8beEJcfh8/s800/emoticon-0110-tongueout.gif'/> :i

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ViVR8jO77EC3abaRTRhqdK_EGR0q-HTWtFtfqR838ZO6-RybzfhoBOvm8z_SeED2wY41qMeengB7duR6zdLBXgY8bsfKh_CZ-xOqhpuupsPmpnRzYG1xVU0YYlh6RplOQBfkw9TTyYg/s800/emoticon-0126-nerd.gif'/> :j

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

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMRu_4-pN1FiWNUaxQs-QtMx8BP2HQZqkKg3kU6hQSy-cXN2VzYcEplLK_0EahQSfvIHNHzTkzSeCxdH-l_CxImrdlKhMJ6vzOVMRSnfIZAgfIJStYW26vWXRsDjWk8Bk_hGTmS3RK8F8/s800/emoticon-0130-devil.gif'/> :l

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIXhpgCe2b6pdpnQgruyu_fR-v5P8Nf59gDJNPpfL0_LKN4gMP-9uzHqYdJ1U_EwtaG5wiLVK3nowM8nCjJl9ypr9fTwjoIWWBZzmvvYozpHPHGpVeO7UqHLDfMboH7ggob4hPFtnD-X0/s800/emoticon-0133-wait.gif'/> :m

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht5sBEH6TDiZfSd-xcNLfM6sWhVu0nmPaaTmcyWx1Xnk9wWq1kTirzqPgqQaX5Ehm4EiZAlxScuuFsE005NOvmveJr3D6tlBkpUzeiSqMETKqTHrXNkv_bTE5jazeMhWGrVDaw3_t0TtY/s800/emoticon-0137-clapping.gif'/> :n

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi26xXnscHujGMcI5emMXd9CSK5_oU9VyZv4Vyq3KORRDhfX9sN9DOioAXpD8d2AGgN9zXdCszk_3XncotOOUS-cW6SFAeQEvBjiHDnzsQ5EgyhNeK2LP0v65Rr1iyIwM-ffpboZNMRTd4/s800/emoticon-0136-giggle.gif'/>  

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDSOxdbMGFP4DxFq1JbXtJNxV1UAopEmkvc96crPOEiTgZYRWXipJmn9MCBG7hTY02cBrHEjXrWoLoY0VBlfc52EqiUxD4QXZh9ZhSB12OYbdEj5HDoBFJvQ7ISXeolHuwtp0qVze30I0/s800/emoticon-0141-whew.gif'/> :p
</div>

Salve as modificações.

2º Passo:

Incluir o script que permitirá o uso dos emoticons nos comentários do Blog.
2. Volte no menu “modelo” >> “editar HTML”, não precisa clicar em “expandir modelos de widgets”, copie o código abaixo e cole-o antes de</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/AVvXsEh2ViVR8jO77EC3abaRTRhqdK_EGR0q-HTWtFtfqR838ZO6-RybzfhoBOvm8z_SeED2wY41qMeengB7duR6zdLBXgY8bsfKh_CZ-xOqhpuupsPmpnRzYG1xVU0YYlh6RplOQBfkw9TTyYg/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMupFGww2phep94MI0UMbs_swJMN_gmZscU97Fcy1FUZGpVB1y8mIr_lkfixt1k9QQBTVbjQq1fQLA3baLPCUIDn61tEdhZTov-j44IYVc0-tWw_IvpOpY8WBrHyhCByC5lL8iGGZS1xs/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMRu_4-pN1FiWNUaxQs-QtMx8BP2HQZqkKg3kU6hQSy-cXN2VzYcEplLK_0EahQSfvIHNHzTkzSeCxdH-l_CxImrdlKhMJ6vzOVMRSnfIZAgfIJStYW26vWXRsDjWk8Bk_hGTmS3RK8F8/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIXhpgCe2b6pdpnQgruyu_fR-v5P8Nf59gDJNPpfL0_LKN4gMP-9uzHqYdJ1U_EwtaG5wiLVK3nowM8nCjJl9ypr9fTwjoIWWBZzmvvYozpHPHGpVeO7UqHLDfMboH7ggob4hPFtnD-X0/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht5sBEH6TDiZfSd-xcNLfM6sWhVu0nmPaaTmcyWx1Xnk9wWq1kTirzqPgqQaX5Ehm4EiZAlxScuuFsE005NOvmveJr3D6tlBkpUzeiSqMETKqTHrXNkv_bTE5jazeMhWGrVDaw3_t0TtY/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi26xXnscHujGMcI5emMXd9CSK5_oU9VyZv4Vyq3KORRDhfX9sN9DOioAXpD8d2AGgN9zXdCszk_3XncotOOUS-cW6SFAeQEvBjiHDnzsQ5EgyhNeK2LP0v65Rr1iyIwM-ffpboZNMRTd4/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDSOxdbMGFP4DxFq1JbXtJNxV1UAopEmkvc96crPOEiTgZYRWXipJmn9MCBG7hTY02cBrHEjXrWoLoY0VBlfc52EqiUxD4QXZh9ZhSB12OYbdEj5HDoBFJvQ7ISXeolHuwtp0qVze30I0/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjckzzAsWm_fRywpKah5li_xCMQbPF8vxU7GNcHLuJhaH2ShOvajHVsQesoNW3qEb3CsaQM1367_noyYQ_JxtPRuYNtSbUtBlEa6Sype-hzfnSP5ic1MoavTJ0pufOaT_u6A9vOb64-zYw/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUVshfIyhwgkatiDfowd9dCcmjnuB6KgHB8QpZA0gJmbmlfIgJySvIuKfdjHtpmnxRj8p2PLAXmzbtFEjbRFY69eNPEhpfYO0rNeYsz8LA2zyO4C9mBzPSLl6SfcKRIyNNckFTO3TuFEQ/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUxqtbuIEGognPCmW6ZBJkuM1Sm_OF713DZW4xYEgCM8VR7I3p4gZqrxPpZxKNHm_cPDuiMnKky2LFIsQyu40Xl6MQ2QRFiyXh0iM-kbfFjrQPUPnjmNB4xPlm86bp-DAzQ2TzoQUzS4c/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGVIRWv8DXfuAXXSFxyiXBFsMvo2O0rUddXcTRt0OTo9YHfvqkYNnVEQGuGpuPtXe1tJ6duVTDsMd2ZuXogSyc4VZ71pw0hda2n6WOKIN4pERvCd9tT6v6bYoj8NKux3rbtc5X6j8RCP8/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4wunO8q6m3Q4sPDQhUsXu35gSv-y2d2HAZ2ofSGVHMp75aBVjiMN6B3vIpvCIs7QZRiimTQdR2W5W836TNTnpxEH45cGrwYMbBXFClGrPeHV2SfK3Y1MwXg1yxL5INU9cA55dragN-nk/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgX9Bc_IdeDqBwuMyM3m02rJSDWGxwLcuOlCpcIcArvL-0YAC7_qWlRmePQgRQWEGSPXv-6rqm1g4vjV79xbWVUz3bd2ixca6fT5Qc97Eto7gwjwF-7_qH-o9VfqfO0c9MLGr5yV1eFbc/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYYc2bJ7m5bKQxDgEKEVUfgNPxxrArzL4z1Rh0aXCjgAOm0z-4uQGuVPP3u31TNorPsMrsBMuaJNWkDWAwCrmMs7TZb3MFguIY_xP_Eq7iNWK1XFzLG40xlJrfZ2Y8bInHJwV9mS3sAOI/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8_YrU_j5KKTYfyilOqlRs2MMhHZLFXxuVSDZJ0Ws4xuNBEHQZYk267DqU29Kmk6kNV83HveIp6FyQwHU88wh-yR0Bb4X9jLNmB8skfvK6PR3jowqY3NQbEOQ6EtMvcTqBq60EknPFnU/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_bjN6UYwo9XoYeMjqlWZC5hyphenhyphenKEZRVlprAKHBhAbSGklOvqPrb6OXkuVoqTNhnM29AacG2CQIOllQyoetEVgDMkvVd2dLfG2oz6YxHokJdMQIXiyp6myrjVRApw68h0WLYkG8beEJcfh8/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

//]]>

</script>

Nota: Você também pode tentar adicionar o código javascript logo acima de </head>

Salve!

Se você preferir, você poderá alterar o layout onde ficam os emoticons (acima do formulário), para personalizá-lo de acordo com as cores do seu template,editando cores de borda, fonte, background etc.
Procure pela linha do código:


<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>

Veja os campos que você pode editar e personalizar de acordo com sua preferência:


width: 370px --/*largura total*/
border: 2px solid # 0084ce --/*borda*/
background: # FEF9EA --/*cor de fundo*/
cor: # 0084ce; --/*cor do texto dos simbolos*/

Importante:
este hack só irá funcionar em formulários incorporados abaixo das postagens, se você utiliza o metodo de “pop up” não vai funcionar.
Caso queira ativar: entre em “configurações” >> “comentários” >> escolha a opção: “postagem abaixo incorporada“.