Colocando emoticons nos comentários do blogger
Autor: Sayonara | Publicado: 2011-01-19T03:38:00-08:00

                                  
Colocando emoticons nos comentários do blogger

Olá pessoal ! Vamos aprender como &nbsp;adicionar emoticons nos comentários do blogspot . Primeiramente&nbsp; entre em configurações &gt; comentários e procure por Posição do formulário de comentários e escolha a opção: Postagem abaixo incorporada.

&nbsp;


Então vamos começar:
&nbsp;O resultado final ficará assim:Primeiramente entre na pagina&nbsp;editar html, clique para expandir o&nbsp;
&nbsp;modelo , dê um CTL+F e na caixa de busca procure por:&nbsp;


&lt;h4 id='comment-post-message'&gt;&lt;data:postCommentMsg/&gt;&lt;/h4&gt;

E logo abaixo coloque esse código:
&lt;div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '&gt;&lt;img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif'/&gt; :a&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif'/&gt; :b&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif'/&gt; :c&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif'/&gt; :d&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif'/&gt; :e&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif'/&gt; :f&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif'/&gt; :g&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif'/&gt; :h&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif'/&gt; :i&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif'/&gt; :j&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/&gt; :k&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif'/&gt; :l&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif'/&gt; :m&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif'/&gt; :n&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif'/&gt; :o&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif'/&gt; :p&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif'/&gt; :q&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif'/&gt; :r&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif'/&gt; :s&lt;br /&gt; &nbsp;&lt;br /&gt; &lt;img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif'/&gt; :t&lt;br /&gt; &lt;/div&gt;&lt;br /&gt; 





Clique para salvar, então procure por:&nbsp;&lt;/body&gt;&nbsp;e coloque esse código antes dele:


&lt;script type='text/javascript'&gt; //&lt;![CDATA[ a = document.getElementById('comments'); if(a) { b = a.getElementsByTagName("DD"); for(i=0; i &lt; b.length; i++) { if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') { _str = b.item(i).innerHTML.replace(/:j/gi, "&lt;img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:k/gi, "&lt;img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:l/gi, "&lt;img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:m/gi, "&lt;img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:n/gi, "&lt;img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:o/gi, "&lt;img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:p/gi, "&lt;img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:q/gi, "&lt;img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:r/gi, "&lt;img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:t/gi, "&lt;img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:s/gi, "&lt;img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:a/gi, "&lt;img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:b/gi, "&lt;img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:c/gi, "&lt;img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:d/gi, "&lt;img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:e/gi, "&lt;img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:f/gi, "&lt;img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:g/gi, "&lt;img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:h/gi, "&lt;img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif' alt='' class='smiley'/&gt;"); _str = _str.replace(/:i/ig,"&lt;img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/&gt;") b.item(i).innerHTML = _str; } } } //]]&gt; &lt;/script&gt;



                                  
Salve e faça o teste : pode demorar até 2 minutos para aparecer, se não aparecer na hora , não que dizer que deu errado ok.Voçe também pode personalizar usando os emoticons da sua&nbsp;
preferência. Observe os &nbsp;trechos que se repetem varias vezes:
&nbsp;_str = _str.replace(/:k/gi, "&lt;img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI
/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/&gt;");&nbsp;&nbsp;&lt;img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U
/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/&gt;&nbsp;:k&amp;#160;Basta substituir &nbsp;o endereço da imagem http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI
/AAAAAAAAC9U/jtRdRpcopRQ/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&nbsp;
imagem repetido ou seja :k só poderá haver um deles, então escolha&nbsp;
outros caracteres para ser o atalho para os novos emoticons.
&nbsp;