---------*Começo do tutorial*----------
Entre no painel de seu blog clique em design, editar html, clique para expandir modelos de widgets e procure por:
Código :
data:blogCommentMessage
Visualize isso :
Código :
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
Cole o seguinte código abaixo:
Código :
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/AVvXsEhnGKYVAebvT6f4mJexv792GclpqIxUHhzuBe-_RgZdo7wJ0UiQK6-Clao1m6-oxBF1Hn-R-Lb9dtPFe4GHtWMEcGC6j3p_wbsALK0P_BzQVFiL3mZaZLrpi0Udk_y6ZCRzapPqJV5LRbU/s800/emoticon-0100-smile.gif'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVORbvcnYqhUqULvx11YqDEmvzTuibo_3qO3DgXYphhvNfRYJvthASyiJUn5Rbo3sXV71KldLKRDa_D-PUH1OpvLmOXnS52YYyG8yqjbIiQ9nrQyq-7SNqVj8YosZbdJU8qry_C7YIItA/s800/emoticon-0101-sadsmile.gif'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlQ7U63YMUtaYgjgv_DYGMEb_0Vx_u7W6AEarEFy50NPZ5Mjx1fpoAhyjVR7ocy_WojglGLvqNeEGRaBcvpMjo_k66bhGwAXA_Tj6KrpEoDsQP_LU3G9mZdW_6FwM7PXSMvJn1gMTYdyg/s800/emoticon-0102-bigsmile.gif'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGiQFFlS8y25sttnTzwINoCrfY2BqSpLvMVP9dyguF_S20umxFnfLPpNtHrrNhAh-Lt79ifTgf_BDkhICu4te5NVItenuw4dlFXEj7k0kesA1qxihtuyOwLyzwZgtqTS1qAk-BVDCvdwI/s800/emoticon-0105-wink.gif'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfcLnImma32hzoIRzky98LGeczL-fygSP-VONznLZEDyxYGzfe58OC1YmAHlL-yg5cCHQVzbQzNK_a9Ur-I4H7va6mYgHy_1RsDKNdzgedN8A8WhMdSZh3PNQZStfLnQM4MgMW3sdAsig/s800/emoticon-0104-surprised.gif'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvX1DkdfLIcHe6vcY9hdKcqq-Mox3a_FjobJNSK7r5ytDlpf6QYuDnBZYMrWUAGgX61iCaO_5j3ovfDloRLxCSnM1izf173VtnZU00ca5fXHTO6pqxQbvIoH7YwFsEe91-YhDwfrC-85g/s800/emoticon-0106-crying.gif'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdzJlYZCpVSbkHwAHKPI1cGiXw7l-lSoSrzPjdZhylAhJwODmg-n8DZRok6k0p0qxajUkQlPSwndbrR2zG074CVT9e_WhDeTld1-8DjDb66r_VmIxS5fgbtL2vX6ByHSB0L79DxZQh5Fk/s800/emoticon-0109-kiss.gif'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKH7fNp1nLL7UAhVALAlW6WC9zJ1NPZ4vcCOvy33GEZIL6QDOGpg31n929QOA8VfnfzDrJfRytIfId4A7Tnl2yG7ZDzqbYpgfvx3f39KuinQO-ikBTQNVkSmWKpTsCtVsbQOi5qonDnCw/s800/emoticon-0111-blush.gif'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUYwI2EgOLIChzA3Gp2lPIanw2QSbR8DA-j6a_N408FAEolPPptiDDSbShbdJENiZY-HYOXJMtrA6oeo8NT7FWEdBU56XYOJJIm0sln2Cg4Ic63bo7M48XL7Hh8rwi0yEIeRB4mhnIUB8/s800/emoticon-0110-tongueout.gif'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIAKh68fsjegR2AQsOxC2srFMEKAi1_mkHSqTH9DxkaHPtvdnRd3RuckF8KXgqsdF7LXS2bTYRpnKGmUYPNs7Zwogu29hyphenhypheniXZjzhSvsUsfkFi7Saz63PqRn6sOf1sef_5RvIYe4XZjQLw/s800/emoticon-0126-nerd.gif'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4n0PFeu_M-4G_M0lRaCaJo58dYhA3kOYM41ytq1oGBrD1c3GbOqVILpp-N1QYwEu8PJLf8OoIvjMYOk-BvTp9W7QwNwMvzaX90gCzvJ7FUgElZ2MWxJRJSgybH9pY4VFEsXlR2YXQris/s800/emoticon-0103-cool.gif'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQMYE0odiaFSfG1Ox2y-sfaTg-oG4UMHma2Qm4umpasZLMcsKeIItq8dc-r1gOWmror2zCGQZTJ2ihLT_Uu6qqkZUURyBxCNC59TzoaPW2QBp7K1aCEe6CEMG8sL1kMTP85PE_alQYXs/s800/emoticon-0130-devil.gif'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilKrhyphenhyphenZM6Hc378mt4oJ3KWDBsTTb8_MkyRYHRS82jo7vbokhdanxI10WB-eHCDQhVsebMT_SK66GFeJClqyqMzHU1CUQbjduUZ22vk_ZhZJscbervuS6e6uMVfgbi4QbD7QlPoTsXu0IA/s800/emoticon-0133-wait.gif'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZCKWj7ALhMvQ0Uk126RlENfL2KoNmR1PDZYb3lzlEHP8x28-FUiA19Iq4GgD0bxyWkgH8Vx_jG4t0GRXNk3ONvzdc-ysRaH-qEHOYJkHHFtNRzM2inVKl9Fs8m7blxCoYJ-qMyvzJlf0/s800/emoticon-0137-clapping.gif'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDvwSLTqULmu3bvrYEwzDh9uNxjawhWz8pL_GmE_jAjQE9WiXzqX4SVmXqcSXmnIxsZLbe78ftTN2eaX-iUZhOWN-XS5zgQ9skcwx8zHcgmLBFV-esUmLsohY6rm7zs-hYmlE0oJDyoI/s800/emoticon-0136-giggle.gif'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLpxijZWVCKKtLjkJN7sh8_kfX3uvopennIY773XTarHjxkFTSgtxX71YEBcAokR-ccWA9EQKzJk4tdQDZBH_SJnLx2pp2DUZloTTa_wiLc742rnF3HQRRtOicwRDBN74PwAo8NZIN7U/s800/emoticon-0141-whew.gif'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfp9FqYJaImJf1RM__f4ICwGJPJj8LRzD448ArSwuo_CScA8LG4L6Hsafy0CO_5Vlct9AeCDxeJajeRzgwm9L9cBSvKDSMjuhKoELDhj519SgnNdarI7EpaJUsmUKJiuzFFR1UYGJIGeY/s800/emoticon-0148-yes.gif'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR9b8tLVDCaWi2v_6lWiou3FqvxYEkDHZqOnKjx9Re02F54IWOYL45nt9bBYJbx_thxRjy0476zphFsokrUdyxefufzIQBwT-Nfu4tI5c2VIQ6U22CJCjnvKVOTsI26n0svXN6q07HAmY/s800/emoticon-0149-no.gif'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBUdez8doss6lZoJeu-SI3tjJTqq1fxWOLftOvHyvaQDDBcNxZtvLBhXx6_djOKswawfNqANHhxthNfSi_Tfcp9EM2wTR88PRyle7X56ePp3Ok7cIex5XdlbkzVlgSIWP-uPh1puPdhc4/s800/emoticon-0178-rock.gif'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo3uKdPgemjDfSgpkqr84lkB-qCLyZmTI59bQcsWVbDeNAzUkmIEZs5S6BdTlSZtcKPzT92I-MkpiUZvi2FVkuRaFKUmeZUcnfXws7xU-qloiGodPJoENzjb1T83xlFwdB7O_Ig6pBi-g/s800/emoticon-0155-flower.gif'/> :t
</div>
Clique para salvar.
agora procure por: </body> e coloque o seguinte código antes dele </body> :
Código :
<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/AVvXsEiIAKh68fsjegR2AQsOxC2srFMEKAi1_mkHSqTH9DxkaHPtvdnRd3RuckF8KXgqsdF7LXS2bTYRpnKGmUYPNs7Zwogu29hyphenhypheniXZjzhSvsUsfkFi7Saz63PqRn6sOf1sef_5RvIYe4XZjQLw/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4n0PFeu_M-4G_M0lRaCaJo58dYhA3kOYM41ytq1oGBrD1c3GbOqVILpp-N1QYwEu8PJLf8OoIvjMYOk-BvTp9W7QwNwMvzaX90gCzvJ7FUgElZ2MWxJRJSgybH9pY4VFEsXlR2YXQris/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQMYE0odiaFSfG1Ox2y-sfaTg-oG4UMHma2Qm4umpasZLMcsKeIItq8dc-r1gOWmror2zCGQZTJ2ihLT_Uu6qqkZUURyBxCNC59TzoaPW2QBp7K1aCEe6CEMG8sL1kMTP85PE_alQYXs/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilKrhyphenhyphenZM6Hc378mt4oJ3KWDBsTTb8_MkyRYHRS82jo7vbokhdanxI10WB-eHCDQhVsebMT_SK66GFeJClqyqMzHU1CUQbjduUZ22vk_ZhZJscbervuS6e6uMVfgbi4QbD7QlPoTsXu0IA/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZCKWj7ALhMvQ0Uk126RlENfL2KoNmR1PDZYb3lzlEHP8x28-FUiA19Iq4GgD0bxyWkgH8Vx_jG4t0GRXNk3ONvzdc-ysRaH-qEHOYJkHHFtNRzM2inVKl9Fs8m7blxCoYJ-qMyvzJlf0/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinDvwSLTqULmu3bvrYEwzDh9uNxjawhWz8pL_GmE_jAjQE9WiXzqX4SVmXqcSXmnIxsZLbe78ftTN2eaX-iUZhOWN-XS5zgQ9skcwx8zHcgmLBFV-esUmLsohY6rm7zs-hYmlE0oJDyoI/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLpxijZWVCKKtLjkJN7sh8_kfX3uvopennIY773XTarHjxkFTSgtxX71YEBcAokR-ccWA9EQKzJk4tdQDZBH_SJnLx2pp2DUZloTTa_wiLc742rnF3HQRRtOicwRDBN74PwAo8NZIN7U/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfp9FqYJaImJf1RM__f4ICwGJPJj8LRzD448ArSwuo_CScA8LG4L6Hsafy0CO_5Vlct9AeCDxeJajeRzgwm9L9cBSvKDSMjuhKoELDhj519SgnNdarI7EpaJUsmUKJiuzFFR1UYGJIGeY/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR9b8tLVDCaWi2v_6lWiou3FqvxYEkDHZqOnKjx9Re02F54IWOYL45nt9bBYJbx_thxRjy0476zphFsokrUdyxefufzIQBwT-Nfu4tI5c2VIQ6U22CJCjnvKVOTsI26n0svXN6q07HAmY/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo3uKdPgemjDfSgpkqr84lkB-qCLyZmTI59bQcsWVbDeNAzUkmIEZs5S6BdTlSZtcKPzT92I-MkpiUZvi2FVkuRaFKUmeZUcnfXws7xU-qloiGodPJoENzjb1T83xlFwdB7O_Ig6pBi-g/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBUdez8doss6lZoJeu-SI3tjJTqq1fxWOLftOvHyvaQDDBcNxZtvLBhXx6_djOKswawfNqANHhxthNfSi_Tfcp9EM2wTR88PRyle7X56ePp3Ok7cIex5XdlbkzVlgSIWP-uPh1puPdhc4/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnGKYVAebvT6f4mJexv792GclpqIxUHhzuBe-_RgZdo7wJ0UiQK6-Clao1m6-oxBF1Hn-R-Lb9dtPFe4GHtWMEcGC6j3p_wbsALK0P_BzQVFiL3mZaZLrpi0Udk_y6ZCRzapPqJV5LRbU/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVORbvcnYqhUqULvx11YqDEmvzTuibo_3qO3DgXYphhvNfRYJvthASyiJUn5Rbo3sXV71KldLKRDa_D-PUH1OpvLmOXnS52YYyG8yqjbIiQ9nrQyq-7SNqVj8YosZbdJU8qry_C7YIItA/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlQ7U63YMUtaYgjgv_DYGMEb_0Vx_u7W6AEarEFy50NPZ5Mjx1fpoAhyjVR7ocy_WojglGLvqNeEGRaBcvpMjo_k66bhGwAXA_Tj6KrpEoDsQP_LU3G9mZdW_6FwM7PXSMvJn1gMTYdyg/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGiQFFlS8y25sttnTzwINoCrfY2BqSpLvMVP9dyguF_S20umxFnfLPpNtHrrNhAh-Lt79ifTgf_BDkhICu4te5NVItenuw4dlFXEj7k0kesA1qxihtuyOwLyzwZgtqTS1qAk-BVDCvdwI/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfcLnImma32hzoIRzky98LGeczL-fygSP-VONznLZEDyxYGzfe58OC1YmAHlL-yg5cCHQVzbQzNK_a9Ur-I4H7va6mYgHy_1RsDKNdzgedN8A8WhMdSZh3PNQZStfLnQM4MgMW3sdAsig/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvX1DkdfLIcHe6vcY9hdKcqq-Mox3a_FjobJNSK7r5ytDlpf6QYuDnBZYMrWUAGgX61iCaO_5j3ovfDloRLxCSnM1izf173VtnZU00ca5fXHTO6pqxQbvIoH7YwFsEe91-YhDwfrC-85g/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdzJlYZCpVSbkHwAHKPI1cGiXw7l-lSoSrzPjdZhylAhJwODmg-n8DZRok6k0p0qxajUkQlPSwndbrR2zG074CVT9e_WhDeTld1-8DjDb66r_VmIxS5fgbtL2vX6ByHSB0L79DxZQh5Fk/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKH7fNp1nLL7UAhVALAlW6WC9zJ1NPZ4vcCOvy33GEZIL6QDOGpg31n929QOA8VfnfzDrJfRytIfId4A7Tnl2yG7ZDzqbYpgfvx3f39KuinQO-ikBTQNVkSmWKpTsCtVsbQOi5qonDnCw/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUYwI2EgOLIChzA3Gp2lPIanw2QSbR8DA-j6a_N408FAEolPPptiDDSbShbdJENiZY-HYOXJMtrA6oeo8NT7FWEdBU56XYOJJIm0sln2Cg4Ic63bo7M48XL7Hh8rwi0yEIeRB4mhnIUB8/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
------------*fim do tutorial*----------
observação :
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/AVvXsEg4n0PFeu_M-4G_M0lRaCaJo58dYhA3kOYM41ytq1oGBrD1c3GbOqVILpp-N1QYwEu8PJLf8OoIvjMYOk-BvTp9W7QwNwMvzaX90gCzvJ7FUgElZ2MWxJRJSgybH9pY4VFEsXlR2YXQris/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4n0PFeu_M-4G_M0lRaCaJo58dYhA3kOYM41ytq1oGBrD1c3GbOqVILpp-N1QYwEu8PJLf8OoIvjMYOk-BvTp9W7QwNwMvzaX90gCzvJ7FUgElZ2MWxJRJSgybH9pY4VFEsXlR2YXQris/s800/emoticon-0103-cool.gif'/> :k
 
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/AVvXsEg4n0PFeu_M-4G_M0lRaCaJo58dYhA3kOYM41ytq1oGBrD1c3GbOqVILpp-N1QYwEu8PJLf8OoIvjMYOk-BvTp9W7QwNwMvzaX90gCzvJ7FUgElZ2MWxJRJSgybH9pY4VFEsXlR2YXQris/s800/emoticon-0103-cool.gif'
Fonte : Isabel Tutoriais .
0 comentários:
Postar um comentário