sexta-feira, 13 de abril de 2012
Aprendi a colocar emoticons nos comentários do meu blog e á pedidos resolvi explicar.
É super fácil galera.



Vá em Painel, depois em Design e em Html, agora aperte Ctrl F e vai abrir uma janelinha, nessa janelinha você cola o seguinte código e aperta enter para encontrá-lo
data:blogCommentMessage 

Próximo a esse código você encontrará esse:
<h4 id='comment-post-message'><data:postCommentMsg/></h4> 

E logo a baixo dele coloque o seguinte código que é enooorme:
<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif'/> :a

&#160;
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif'/> :t
</div>

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

Clique novamente em salvar e faça o teste, comente qualquer postagem de seu blog e adicione o Emoticons para ver como ficou. 



Uma dica legal é que você pode criar seus próprios emoticons, hospedar em um site de imagens e ir substituindo os links. Para cada emoticons existem dois links e os códigos são repetidos,
Por exemplo:
_str = _str.replace(/:k/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");

<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/> :k
&#160;

Se você trocar o link:
http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif e o código :k irá criar outro emoticon, mas tenha cuidado para não deletar nada dos códigos, mudem apenas os links de imagens ok?! 
Qualquer duvida é só deixar um comentário.
Beijooos!

34 comentários:

  1. Nesta sexta feira 13
    Desejo para você
    Um dia de paz
    E que muitas
    Coisinhas boas
    Aconteçam na
    Sua vida


    Beijos Elaine Cigana Raiccha

    ResponderExcluir
  2. Cigana Raicha, agradeço muito pelo carinho! :u
    Te desejo tudo de bom, não só nessa sexta-feira 13 mas também durante toda sua vida. :r

    ResponderExcluir
  3. Muito fofo o seu blog! Espero que tenha MUITO sucesso. Estou seguindo, pode retribuir?
    http://somethingaboutbooks.blogspot.com NÃO ESQUEÇAM DE PARTICIPAR DAS PROMOÇÕES!

    ps: adorei o Domo-kun no banner

    ResponderExcluir
  4. sempre é bom ter um local onde alguém ensina a fazer algo para o blog

    os manos loucos blogspot

    ResponderExcluir
  5. Obrigada galera!! Retribuindo tudo.

    Beijos e voltem sempre!

    ResponderExcluir
  6. oi thay apertei control f e nao apareceu 0 de 0 nesse link aqui: data: blogCommentMessage

    Por isso não consegui, nao consigo achar nada dessas coisas que tento fazer me ajuda ok :t

    Tambem coloquei seu blog nos meus parceiros viu :F vc poderia divulgar o meu? valeuuuuuu :p bye

    ResponderExcluir
  7. Oi Julinha marca a opção: Expandir modelos de widgets e pesquise o código de novo, se não encontrar pesquise o segundo código.
    Eu aceito sim a parceria, já estou divulgando o seu blog.
    Beijooos!!

    ResponderExcluir
  8. Consegui obg thay :m da uma olhada la obg msm :r bjs

    ResponderExcluir
  9. Que bom que conseguiu Julinha, vou ver *o*
    Beijoos!!

    ResponderExcluir
  10. oi de novo thay consegui colocar os emoticons mas eles n funcionam :( me ajuda pf

    ResponderExcluir
  11. Oi Julinha, claro que ajudo, estou aqui para isso. Então flor, delete as alterações que você fez pois pode ter deletado algum código e ter feito algo errado, faz o mesmo processo. Marque a opção: Expandir modelos de widgets e procure os código que falei no tutorial. Desejo muito que você consiga, caso não consiga eu vou te enviar novos códigos, com os emoticons iguais aos meus. Boa sorte!!

    ResponderExcluir
  12. :t você sabe que dia é hoje ? se não sabe da uma passadinha no BP
    eu vou adorar sua visita bjus http://blogdapepi.blogspot.com.br/
    Blog da Pepi

    ResponderExcluir
  13. nao funcionou no meu :(você sabe que dia é hoje ? se não sabe da uma passadinha no BP
    eu vou adorar sua visita bjus http://blogdapepi.blogspot.com.br/
    Blog da Pepi

    ResponderExcluir
  14. Este comentário foi removido pelo autor.

    ResponderExcluir
  15. Esses idiotas só sabem copiar do http://dicasparablogs.com.br mesmo... PÕE OS CRÉDITOS SUA ÉGUA!

    ResponderExcluir
  16. O MEU SO FUNCIONOU COM EXPANDIR OS MODELOS DE WIDGGIS

    ResponderExcluir
  17. gente curte ai minha comunidade no facebook aposto ki v6 vam amar!!!
    http://www.facebook.com/pages/O-amor-acontece/233960830068208?sk=photos_stream

    ResponderExcluir
  18. Ola,tdo bem? conseguir colocar os smiles,mas qdo vou comentar vejo eles em cima da caixa de comentario mas nao consigo colocar els o que eu faço? bjim

    siga meu blog;http://tendenciadomomentobylufranca.blogspot.com.br

    ResponderExcluir
  19. Eu conseguir hahaha, e ainda personalizei, mudei para umas imagens gifs e troquei o comando xD

    Quem quiser ver, da uma olhada: http://nova-era-otaku.blogspot.com.br

    ResponderExcluir
  20. Oiiiiiii,bom dia.Coloquei os emoticons,foram para a área de comentários mas não funcionam.Po\xeque será?Onde eu errei poderia ma dizer o que fazer por favor?
    Muito obrigada.
    Comecei esse blog agora,para guardar coleções de papéis de cartas e outras coisinhas para minha netinha.
    http://colecaotudomisturado.blogspot.com.br

    ResponderExcluir
  21. Dsculpe a palavra xeque saiu sem querer,não tem nada a ver com o comentário tá? Obrigada

    ResponderExcluir
  22. Encontrei seu blog tentando colocar emoticons no meu...
    Parabéns! E Obrigada! Já virei seguidora, vem conhecer o meu tbém. bjin
    http://santaclaraartesanato.blogspot.com.br

    ResponderExcluir
  23. Como vc organizou seus marcadores me responda pf ameeeeeeeeeeeeei sua dicas bye

    ResponderExcluir
  24. que letra vc usou no titulo das postagens mor????

    ResponderExcluir
  25. ótimo post, e parabéns pela sua dedicação e pelo belo Design do blog, realmente expetacular nota 10 :)

    ResponderExcluir
  26. ótimo post, e parabéns pela sua dedicação e pelo belo Design do blog, realmente expetacular nota 10 :)

    ResponderExcluir
  27. ótimo post, e parabéns pela sua dedicação e pelo belo Design do blog, realmente expetacular nota 10 :)

    ResponderExcluir

- Seu comentário é importante, dê vida ao blog, comente!
- Nada de palavrões, xingamentos ou baixarias, seja educada(o)!
- Deixe seu link pois as vezes não aparece no perfil e eu gosto de retribuir todos os comentários.
- Nada de links pornográficos ok?!

Obrigada por sua compreensão e por comentar.
Volte sempre!

Search

Tecnologia do Blogger.

Seguidores