publicidade
publicidade
publicidade
publicidade
publicidade
publicidade
publicidade

Tutorial - Como Colocar Emoticons Nos Comentários Do Blog

Postado Por: Anônimo

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/AVvXsEgAz1RpAgs3tvIQ8nbbicBlpryvO1pzhF7BgQPpdZLQu-kuOqYpyIeYJCu-pUuiGokbFPx6csGDiU9bWvMAs7azVxeBQI9LeoC-V1O_t5BiE9LWPKG2cpvkaP1BT-L9O4p7uV-i_R_0HOY/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkwKMTMPjvFdFjqgVwwi91jzCq8qqrrNcPbV15I64GbBT85OdxL_qy6giyOL3arRUhIaiDGuVzijnhlnz7VsPtJirQO1SHsObenpbL1B6B_yZqbYWp-aoewOA1coowU0XBTHqKKPwYCXI/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif-Phf5qPM3-BgwS5eh0GZ161PPy4mPo6xGgfLpozhjfjEPgoAGTSu0cllSlF_k0TBCFSRLJrlS4R38F1njrC7E2KNR5ywiXCPAdWt1c5LnRTNkBTnqPO0E1YOVCy_n6Bee1BOPhSLauk/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI7dW7RfzcNkz2_fpXF-xLLqmdjoOAFrFHoHKELuLU5alJrFXuLo1vtxiTU3riAhdjx7PSFFA0yp3w-kJ1PduuXSLZ3LFbhVmwttKoNNlyDzVOJIGWdte9-Gd09_jr9S8ULqVBNOc3uIQ/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiC6Mgkdhxk2Rz6eZ7GECDcCcYbJ6DryksafSSY9Qql-Ll3yuq5NV4v5LSOxIewhtbsqbXIuep_CdHiKL-Y5VyMMrBVjeRcxOGS1Z4N12fQ6Lz3oJb40LnuEBKBHuv51Fw78J910c_Eos/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFEf8ChMOM-bncUvauaFQDijEDDDcVGhub3CSjbcXcGm0PWTVb8EBpWR0nuBSMPlcAs5d0pQ26uMavRqeGIG6Igmr3zJd4ZXnqIII0PIake3vPMmPY5ipSezHryfXFLd94i6ZqVR3wh9U/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg65DF9ZAja9s4ScFGbdIpurLgvPEHKXicEYkaPR6h0unXV1_ArFM9etmFMW8pe54NE5gjKh3BBE_1cwSCyPTa4HMlXp3F6sxPY-oUxymszs63vV42tNswJKv5MoHaQqhBBemBc4pGIpBk/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL04b737CpkvPTP_Hm5yBApvEFvOnO_DCGjdkO6osSGEmZ6JSBB_kj9bAJVhS9ppif2vLB2OXwzSc41BxRfUQqHZbx539xEW4gdVHeTpSlrGFYS-At0dU4rqpWdenT5WzONYwpIABn_2s/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijc0lV6jL_7noq_yZp2aoeDY32BRK9Uh-VZeY97CcqWgvc8Eo5Tt7kbrM-JDsLbb0_kRUwnZ3o6L9im3RsvLjbAKQmuta-hPpw86DtZh88d-ng5N4qQoTXahPeicwc2qPXfkYwEvBAs3Q/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidHcq6E0zKMocqPj4CL9pfZxEEFgRbP0zaDriGQ4rbTkt6U0OCWvOLGkVWhjbUywRgNOB7uBwJf1ZzOzwIBIhpgXxqzV44iyL0lk77s6E-Tb59GO-vxh4afcj-NmxTNwMpcUxMyALj4TQ/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8wKNWL-wf0pRjcBVEPvxS7eR_ahEDKBmWQ6wBRAFE3ge9mMaoekouE2dyyhLF2EzyUcBZeYgLy_gDMoJ-WSjkUnG1IGwgpjhLLRqyqb2LQ-_pG37YvLYvufp-eqm9q86BhyphenhyphenLVISY5XQ/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcpoidplgEXglcqzsYAi6Jv_W8rT6zf-kVhG1NKvoaBIIzrN30g6quXQJ1TjsqdXCbyvHrBp3HaOfkINzwTb7YqK49UmLVLNWEq6Qq4oRyb1x7e7WnTHqO3cShmGHxo8X_I0ykwVlG6pE/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzwAHTvOsZ4UTJT1wOa4_Q5fQpbs_HuepcVSuQUX45urR38UhCkLgP4UzDgJbnB_iAUA_rZU0oMtA9JSKPKa0kyq2cPo98iI_jmUsD1x0dbezTpQ15ut07_1oQ8zTbcg10rtj6jzY94LM/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy1EUi9G_nI0IFcb0oTVYaqVBwdP-b1CBtDBqBQDiOiO3ReVIx36QlUdgEEE9SIpVKJQEC9a8mBdXIQDHFxl3sdm7S4ke4qdCXVkR73KQu5mdj6_z5iOwCU2PvCBXPo5JclaxAjZ1jZy8/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7tZDzdSYIPO4qWZLOzBxVKvAwBi283AtjikxW0NyeuvfqhG0rW3A7Juo-wjH3FIbrd67tkGYsh7aDLBtM7qMS9yCM6uPJ2z-XEM-CliGsixy2kNEA16F-aymjGoWxTCrtZNA4DO7yFbc/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYIG4ZObUly7TDirwZ5OfUS6JbNX2vXXQuUFi7EWA0br72i6bvdmqUgvK1bxaBBVxVCxpnJ4cTaXqcTQhaZoyNpVrAI9bCZXs1WWErgdXGBhXGbIj-yAHAm4N2W0lqD9moitXDGx0b7m8/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg487RXzNLvDiae9TIRNZjLAwA8allZfOA12J1YuCf1OlpB0qVlJHdBu2ASibzXr8kxGd7uOzH0sQ9wdeqaoIZ3Ui8Rl-Ysx67m24SHqSldGO6H-rol_7j_vwjkZDaySOSflqnjCUCHpOk/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizKwSBWXfJkVcEDOBGGPbpZQoBo0VeYwYpl9kTRrvU-elENGNwNDm4oHlKGSX-Yl4zFZO3MTXDoQ3QOPJSqUQcHU8TK31eOFMNCS25_94TUTlweFKo9qRkgujwpKU2fnUmsHa8UHBqGHY/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEhRz8XYUm7x1cZS-MDE1atdShGeg8WyUyoMccgYlMsbzWgk6bMh9066eT75InFIw7fIWJC8S4qWS7ADdLErJHqRCoDzPsueJ8eNqfwXg-ZwfFj5iMaytG6IqTIJbW1izCOYI4ARnpEm4/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoF2-gWligfJ-DYgxNyUIuq1FNwJ-ACuSMGu1kuOl4KJXO5fncctI4K2eI5Z1fsDOfOIaymNSZ-cj_wBRbuzHy1Sf4Rj1aUg5CgRipWPgUlSarFvBD8zOPnh-_KCJ7uhwbfQ2tda2iZ18/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/AVvXsEidHcq6E0zKMocqPj4CL9pfZxEEFgRbP0zaDriGQ4rbTkt6U0OCWvOLGkVWhjbUywRgNOB7uBwJf1ZzOzwIBIhpgXxqzV44iyL0lk77s6E-Tb59GO-vxh4afcj-NmxTNwMpcUxMyALj4TQ/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8wKNWL-wf0pRjcBVEPvxS7eR_ahEDKBmWQ6wBRAFE3ge9mMaoekouE2dyyhLF2EzyUcBZeYgLy_gDMoJ-WSjkUnG1IGwgpjhLLRqyqb2LQ-_pG37YvLYvufp-eqm9q86BhyphenhyphenLVISY5XQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcpoidplgEXglcqzsYAi6Jv_W8rT6zf-kVhG1NKvoaBIIzrN30g6quXQJ1TjsqdXCbyvHrBp3HaOfkINzwTb7YqK49UmLVLNWEq6Qq4oRyb1x7e7WnTHqO3cShmGHxo8X_I0ykwVlG6pE/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzwAHTvOsZ4UTJT1wOa4_Q5fQpbs_HuepcVSuQUX45urR38UhCkLgP4UzDgJbnB_iAUA_rZU0oMtA9JSKPKa0kyq2cPo98iI_jmUsD1x0dbezTpQ15ut07_1oQ8zTbcg10rtj6jzY94LM/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy1EUi9G_nI0IFcb0oTVYaqVBwdP-b1CBtDBqBQDiOiO3ReVIx36QlUdgEEE9SIpVKJQEC9a8mBdXIQDHFxl3sdm7S4ke4qdCXVkR73KQu5mdj6_z5iOwCU2PvCBXPo5JclaxAjZ1jZy8/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7tZDzdSYIPO4qWZLOzBxVKvAwBi283AtjikxW0NyeuvfqhG0rW3A7Juo-wjH3FIbrd67tkGYsh7aDLBtM7qMS9yCM6uPJ2z-XEM-CliGsixy2kNEA16F-aymjGoWxTCrtZNA4DO7yFbc/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYIG4ZObUly7TDirwZ5OfUS6JbNX2vXXQuUFi7EWA0br72i6bvdmqUgvK1bxaBBVxVCxpnJ4cTaXqcTQhaZoyNpVrAI9bCZXs1WWErgdXGBhXGbIj-yAHAm4N2W0lqD9moitXDGx0b7m8/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg487RXzNLvDiae9TIRNZjLAwA8allZfOA12J1YuCf1OlpB0qVlJHdBu2ASibzXr8kxGd7uOzH0sQ9wdeqaoIZ3Ui8Rl-Ysx67m24SHqSldGO6H-rol_7j_vwjkZDaySOSflqnjCUCHpOk/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizKwSBWXfJkVcEDOBGGPbpZQoBo0VeYwYpl9kTRrvU-elENGNwNDm4oHlKGSX-Yl4zFZO3MTXDoQ3QOPJSqUQcHU8TK31eOFMNCS25_94TUTlweFKo9qRkgujwpKU2fnUmsHa8UHBqGHY/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoF2-gWligfJ-DYgxNyUIuq1FNwJ-ACuSMGu1kuOl4KJXO5fncctI4K2eI5Z1fsDOfOIaymNSZ-cj_wBRbuzHy1Sf4Rj1aUg5CgRipWPgUlSarFvBD8zOPnh-_KCJ7uhwbfQ2tda2iZ18/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEhRz8XYUm7x1cZS-MDE1atdShGeg8WyUyoMccgYlMsbzWgk6bMh9066eT75InFIw7fIWJC8S4qWS7ADdLErJHqRCoDzPsueJ8eNqfwXg-ZwfFj5iMaytG6IqTIJbW1izCOYI4ARnpEm4/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAz1RpAgs3tvIQ8nbbicBlpryvO1pzhF7BgQPpdZLQu-kuOqYpyIeYJCu-pUuiGokbFPx6csGDiU9bWvMAs7azVxeBQI9LeoC-V1O_t5BiE9LWPKG2cpvkaP1BT-L9O4p7uV-i_R_0HOY/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkwKMTMPjvFdFjqgVwwi91jzCq8qqrrNcPbV15I64GbBT85OdxL_qy6giyOL3arRUhIaiDGuVzijnhlnz7VsPtJirQO1SHsObenpbL1B6B_yZqbYWp-aoewOA1coowU0XBTHqKKPwYCXI/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif-Phf5qPM3-BgwS5eh0GZ161PPy4mPo6xGgfLpozhjfjEPgoAGTSu0cllSlF_k0TBCFSRLJrlS4R38F1njrC7E2KNR5ywiXCPAdWt1c5LnRTNkBTnqPO0E1YOVCy_n6Bee1BOPhSLauk/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI7dW7RfzcNkz2_fpXF-xLLqmdjoOAFrFHoHKELuLU5alJrFXuLo1vtxiTU3riAhdjx7PSFFA0yp3w-kJ1PduuXSLZ3LFbhVmwttKoNNlyDzVOJIGWdte9-Gd09_jr9S8ULqVBNOc3uIQ/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiC6Mgkdhxk2Rz6eZ7GECDcCcYbJ6DryksafSSY9Qql-Ll3yuq5NV4v5LSOxIewhtbsqbXIuep_CdHiKL-Y5VyMMrBVjeRcxOGS1Z4N12fQ6Lz3oJb40LnuEBKBHuv51Fw78J910c_Eos/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFEf8ChMOM-bncUvauaFQDijEDDDcVGhub3CSjbcXcGm0PWTVb8EBpWR0nuBSMPlcAs5d0pQ26uMavRqeGIG6Igmr3zJd4ZXnqIII0PIake3vPMmPY5ipSezHryfXFLd94i6ZqVR3wh9U/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg65DF9ZAja9s4ScFGbdIpurLgvPEHKXicEYkaPR6h0unXV1_ArFM9etmFMW8pe54NE5gjKh3BBE_1cwSCyPTa4HMlXp3F6sxPY-oUxymszs63vV42tNswJKv5MoHaQqhBBemBc4pGIpBk/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL04b737CpkvPTP_Hm5yBApvEFvOnO_DCGjdkO6osSGEmZ6JSBB_kj9bAJVhS9ppif2vLB2OXwzSc41BxRfUQqHZbx539xEW4gdVHeTpSlrGFYS-At0dU4rqpWdenT5WzONYwpIABn_2s/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijc0lV6jL_7noq_yZp2aoeDY32BRK9Uh-VZeY97CcqWgvc8Eo5Tt7kbrM-JDsLbb0_kRUwnZ3o6L9im3RsvLjbAKQmuta-hPpw86DtZh88d-ng5N4qQoTXahPeicwc2qPXfkYwEvBAs3Q/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/AVvXsEha8wKNWL-wf0pRjcBVEPvxS7eR_ahEDKBmWQ6wBRAFE3ge9mMaoekouE2dyyhLF2EzyUcBZeYgLy_gDMoJ-WSjkUnG1IGwgpjhLLRqyqb2LQ-_pG37YvLYvufp-eqm9q86BhyphenhyphenLVISY5XQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8wKNWL-wf0pRjcBVEPvxS7eR_ahEDKBmWQ6wBRAFE3ge9mMaoekouE2dyyhLF2EzyUcBZeYgLy_gDMoJ-WSjkUnG1IGwgpjhLLRqyqb2LQ-_pG37YvLYvufp-eqm9q86BhyphenhyphenLVISY5XQ/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/AVvXsEha8wKNWL-wf0pRjcBVEPvxS7eR_ahEDKBmWQ6wBRAFE3ge9mMaoekouE2dyyhLF2EzyUcBZeYgLy_gDMoJ-WSjkUnG1IGwgpjhLLRqyqb2LQ-_pG37YvLYvufp-eqm9q86BhyphenhyphenLVISY5XQ/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.

BY: ﻹЄRISMΛRﻹ

GOSTOU COMENTE !
Deixe seu Comentário:
Sem Comentários »
Categorias:

0 comentários:

Postar um comentário