Instagram

Visitinhas

contador de visitas

Facebook

Twitter

Marcadores

Seguidores

Tecnologia do Blogger.
sexta-feira, 12 de abril de 2013

Colocando emoticons nos comentários

07:33 | Postado por Unknown | | Editar postagem
Ei pessoinhas lindas!!!!
A pedido da nossa amiga Deborah Almeida do blog Pra mulher linda todo dia vou ensinar como colocar os emoticons em cima dos comentários.

Veja como ficou o resultado:



Mas vamos começar a mostrar como colocar emoticos nos comentários do seu blogger, entre na pagina editar html, clique para expandir o modelo e procure por:
data:blogCommentMessage

Provavelmente estará assim:
<h4 id='comment-post-message'><data:postCommentMsg/></h4>

E logo abaixo coloque esse 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/AVvXsEjMQlHtna0QuZe5RPMhZH6u-eZ_OzRSwcvHyLvCsXAKvGXJZ9czGSOqwWw-eS3EJGUhzIGn3mFMqhInfPiv7hW6NtC1FOIVgyckdfkxW-zrDrc43_myjjcQYYYg2w1ehYrIGZHh4bGVti8/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjd4Ok-fhNDjXIoSAp6kKlQ_73jUxo9zX8-O9i7sm6Ai_joFX3LA-Zjm59GSQvbVz_m6SI32vZgB0GH-9U92QrC2czBwUStjFzEWw8yytFM3epFV8TXwmSMeMRWBJ9HlULpyEnCwTcg4U/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN-Vo2NOtaiRg2NUdEOJnKrm_uohK9sYSUR31J53qs12YhjYebSwOy1h_TaVTgkUkmh7Tkp1d8mCs4HPHwdxBP5TGLr-aSREO2vLEX02pgCnZIy73yY-Ncwh09d_eYb50yskkDvSFNWTo/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlxl0bT7stoFRQ-_2mXWlytl2rLp264ok3VS7vRY2HC6kfpbpfdelvfNB9vUTtbXHH7njMwTX1GhQpub8W0z_1nmEJ3S1phTNIpneBMQ9y2DNZNFjl4xCngIcKOUPpmM7YQGAv-AiQlQk/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF8P6jPQpnIK2cxgRQzyMx0OoLKC7RzBoZrmyiqn1U5k0VIp2eyuwANqyjJ8xveuzmxPfxXLEFDdApJWZnLzhqfThW47TLg8G4wyIGILhSgSbCva4Y0Rmk1p0qw93iFRXrEGoLgomE11s/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhwmv0DZkJfBBIgLv-_Fwm-W0gIrHFEM2xtcMIxVlrYSqRMhq9u255HSHDIDBRsp58NIuVyrnkHBwQj1m-u3JN2syuwqpzoVdlINa0_kJJ6-FkGj5xpDV2aLnSyguwXjia8V0CprnNcZc/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7l6oAU4AGPS835x3JkbjidekGpcn4juuNgEUueaNv7nu7AP3YFQVHISP71qTW_hBaaG4cubhUOlVkB_6KWyBT27LUjpohPpwhrwow0iWoVxoD6ltyCuD-kioFQWzBcMHdDBZF3y7j5hU/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4nDveyfCGE-xpNxuVIB18HB_tiINXHv2YOEAriGFLUriEVhjaJhr2AnrJwUXbLzHHpBtAbVQvxtSYQcDsKikKN_k1yvuo-gd4zaZAfbNyedZtja1Xd1hrBv0YVBhUbrjt_t-oDldYu0/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvujV9RoT6BP0l-KvqOaV4Lq7TnrdV62XH3Wgd22rgwkcFqmuCcIGHcruGEUw63tl-B3FGU3-M9a1YPWsdVABIa9coJPs7-NkggkjbTCmerAcSaJiJBt6JXFytTh0p8oQj40U0-B-pYQI/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCUK-SM51i_Odzp6WtQWG21imBYZ2I3YiDDv0QyDLUOYoqmdWaHB2wNGBRkNQ4d5NTA5dYQhak7HbpTi7O8Cta4IL6O-gMOVbfHMUkA7DZFD0Rw9t7-bUOoD3yku0EMh6pgX3h7CaTNf8/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPU7L2LC8bTVMOBf30GvffkeCEePFMNDXJGHMBvddRPdthpv_hfRfFYHv5ulrURqOMUsCzW5Shy4Eh5TQnaWvqv8Urt_Cu8KwkD-Was8TXvTORaM_LLRRdar2UN94js3fX_3VayU5To1o/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfe4Ds1Z4xHUq5Mmqs218q5rSk2iba7UruAcFvPIOBZxt182P5TLSSzIF6UMUdiiLbAWKJi0wocsnH94SfA0x2pYIdQrX6P0a_Jen_VtMk2JNmVwSN3AnVlsCpBbEvDIAMF_v3BGjDAEM/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrd34UxyJAgPGlHBObDNE-xgEfcNcecaw8L3BzZkK_flW9RZhOLCBSImZKU2_Hfwkuj4qh5SaL4_ZzvvyqKikUfOP_Pf6QD76AKL6-UWZR-BTrCkCoCUsd8_QmVJXxTmppahil1oWNq8/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsTB2cGWcrMc-DjNGoabx0Q11xE-81eoU0UaP3_ZbHn2QFlsY_0VGYdskqZe-s9M1kPWSNNk44VMUI90bmiSQ2Lr48dnoXR1PGRBy2zyraBNK0_7NPrEZg2bOJRX1R3UYMAuL2pkmSCU/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9S6sC27A6bVM0HKj1wQuZy5xqb5u29eQjn9dqLg9_ObZUNSVI3hJSNzFGO7ePd06WygYZW5q-CRKbJq_c9ppamhWeLGpFTeH5gN1tbK7qNxPVW3vXkdTyQHnSatedhVGTFhTzCZIi-Y8/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9KV_sKqIUeDMCHTcrT35x0PlNng4ddOei2nAOtVbkcKp8RWfTsnMddvpMic5Ypj_MU7ifkj60DNx9PTFCxek7ixZ8Ww7dezfEXfj-zo7RB1ro6AFFWea6YU5SojYXJ-2chUFejHsJ-M/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ9Xs8bkXs7lmZgoRgDSoAc254ffyGifLDy-QUkkZpDE2TCgBq4Us40wEWtJX-0AIuc4gBKozpLXpgAR66zdPzNudfksK4QElCJ3sHDVsG2lJeJNonz3DyujF3OlfrAHd8fJ8MQva6XuQ/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib5www-ootSCdoNdXt2s00ShMscHZf-cznislDWRZSPR3XU6hepj59X6_o8Wu5oowzD6qgMu-CozQEU8esKEUeSMpplLiF3Ys_5im_9drIQ_hJMjxzl8Jqsy0E5lmvg6J6pKwQiy-wTZU/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2a9ZRQyUrzoE0I_EX7aUjnwHVv0VGaeUDL8oGnKBYyTgjP4krjmZZ4tzlNNR1YmzaMD_FvfpaEk1WGi_EnhPCdZJsgpSTEhWZAU9oaLYEnC2o-1jOlLpvgR3xhEWq2ixJhrOxYrnuxs0/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYfvibYniN6OZpSQbtguKQT9_e3qpCX3BG5I9QChT23OCD8EAEVJ8xBmq_sJCJ2nYKhac_hXyKvDL_6o-POBMTZ8fMqPBtIgVbePM-05Xch2l6MAALbPhPUmq5MoILgEcUsTJd7wp2pCw/s800/emoticon-0155-flower.gif'/> :t
</div>

Clique para salvar, então procure por: </body> e coloque esse código antes dele:

<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/AVvXsEjCUK-SM51i_Odzp6WtQWG21imBYZ2I3YiDDv0QyDLUOYoqmdWaHB2wNGBRkNQ4d5NTA5dYQhak7HbpTi7O8Cta4IL6O-gMOVbfHMUkA7DZFD0Rw9t7-bUOoD3yku0EMh6pgX3h7CaTNf8/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPU7L2LC8bTVMOBf30GvffkeCEePFMNDXJGHMBvddRPdthpv_hfRfFYHv5ulrURqOMUsCzW5Shy4Eh5TQnaWvqv8Urt_Cu8KwkD-Was8TXvTORaM_LLRRdar2UN94js3fX_3VayU5To1o/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfe4Ds1Z4xHUq5Mmqs218q5rSk2iba7UruAcFvPIOBZxt182P5TLSSzIF6UMUdiiLbAWKJi0wocsnH94SfA0x2pYIdQrX6P0a_Jen_VtMk2JNmVwSN3AnVlsCpBbEvDIAMF_v3BGjDAEM/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrd34UxyJAgPGlHBObDNE-xgEfcNcecaw8L3BzZkK_flW9RZhOLCBSImZKU2_Hfwkuj4qh5SaL4_ZzvvyqKikUfOP_Pf6QD76AKL6-UWZR-BTrCkCoCUsd8_QmVJXxTmppahil1oWNq8/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnsTB2cGWcrMc-DjNGoabx0Q11xE-81eoU0UaP3_ZbHn2QFlsY_0VGYdskqZe-s9M1kPWSNNk44VMUI90bmiSQ2Lr48dnoXR1PGRBy2zyraBNK0_7NPrEZg2bOJRX1R3UYMAuL2pkmSCU/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9S6sC27A6bVM0HKj1wQuZy5xqb5u29eQjn9dqLg9_ObZUNSVI3hJSNzFGO7ePd06WygYZW5q-CRKbJq_c9ppamhWeLGpFTeH5gN1tbK7qNxPVW3vXkdTyQHnSatedhVGTFhTzCZIi-Y8/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9KV_sKqIUeDMCHTcrT35x0PlNng4ddOei2nAOtVbkcKp8RWfTsnMddvpMic5Ypj_MU7ifkj60DNx9PTFCxek7ixZ8Ww7dezfEXfj-zo7RB1ro6AFFWea6YU5SojYXJ-2chUFejHsJ-M/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ9Xs8bkXs7lmZgoRgDSoAc254ffyGifLDy-QUkkZpDE2TCgBq4Us40wEWtJX-0AIuc4gBKozpLXpgAR66zdPzNudfksK4QElCJ3sHDVsG2lJeJNonz3DyujF3OlfrAHd8fJ8MQva6XuQ/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib5www-ootSCdoNdXt2s00ShMscHZf-cznislDWRZSPR3XU6hepj59X6_o8Wu5oowzD6qgMu-CozQEU8esKEUeSMpplLiF3Ys_5im_9drIQ_hJMjxzl8Jqsy0E5lmvg6J6pKwQiy-wTZU/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYfvibYniN6OZpSQbtguKQT9_e3qpCX3BG5I9QChT23OCD8EAEVJ8xBmq_sJCJ2nYKhac_hXyKvDL_6o-POBMTZ8fMqPBtIgVbePM-05Xch2l6MAALbPhPUmq5MoILgEcUsTJd7wp2pCw/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2a9ZRQyUrzoE0I_EX7aUjnwHVv0VGaeUDL8oGnKBYyTgjP4krjmZZ4tzlNNR1YmzaMD_FvfpaEk1WGi_EnhPCdZJsgpSTEhWZAU9oaLYEnC2o-1jOlLpvgR3xhEWq2ixJhrOxYrnuxs0/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMQlHtna0QuZe5RPMhZH6u-eZ_OzRSwcvHyLvCsXAKvGXJZ9czGSOqwWw-eS3EJGUhzIGn3mFMqhInfPiv7hW6NtC1FOIVgyckdfkxW-zrDrc43_myjjcQYYYg2w1ehYrIGZHh4bGVti8/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjd4Ok-fhNDjXIoSAp6kKlQ_73jUxo9zX8-O9i7sm6Ai_joFX3LA-Zjm59GSQvbVz_m6SI32vZgB0GH-9U92QrC2czBwUStjFzEWw8yytFM3epFV8TXwmSMeMRWBJ9HlULpyEnCwTcg4U/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN-Vo2NOtaiRg2NUdEOJnKrm_uohK9sYSUR31J53qs12YhjYebSwOy1h_TaVTgkUkmh7Tkp1d8mCs4HPHwdxBP5TGLr-aSREO2vLEX02pgCnZIy73yY-Ncwh09d_eYb50yskkDvSFNWTo/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlxl0bT7stoFRQ-_2mXWlytl2rLp264ok3VS7vRY2HC6kfpbpfdelvfNB9vUTtbXHH7njMwTX1GhQpub8W0z_1nmEJ3S1phTNIpneBMQ9y2DNZNFjl4xCngIcKOUPpmM7YQGAv-AiQlQk/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF8P6jPQpnIK2cxgRQzyMx0OoLKC7RzBoZrmyiqn1U5k0VIp2eyuwANqyjJ8xveuzmxPfxXLEFDdApJWZnLzhqfThW47TLg8G4wyIGILhSgSbCva4Y0Rmk1p0qw93iFRXrEGoLgomE11s/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhwmv0DZkJfBBIgLv-_Fwm-W0gIrHFEM2xtcMIxVlrYSqRMhq9u255HSHDIDBRsp58NIuVyrnkHBwQj1m-u3JN2syuwqpzoVdlINa0_kJJ6-FkGj5xpDV2aLnSyguwXjia8V0CprnNcZc/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7l6oAU4AGPS835x3JkbjidekGpcn4juuNgEUueaNv7nu7AP3YFQVHISP71qTW_hBaaG4cubhUOlVkB_6KWyBT27LUjpohPpwhrwow0iWoVxoD6ltyCuD-kioFQWzBcMHdDBZF3y7j5hU/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4nDveyfCGE-xpNxuVIB18HB_tiINXHv2YOEAriGFLUriEVhjaJhr2AnrJwUXbLzHHpBtAbVQvxtSYQcDsKikKN_k1yvuo-gd4zaZAfbNyedZtja1Xd1hrBv0YVBhUbrjt_t-oDldYu0/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvujV9RoT6BP0l-KvqOaV4Lq7TnrdV62XH3Wgd22rgwkcFqmuCcIGHcruGEUw63tl-B3FGU3-M9a1YPWsdVABIa9coJPs7-NkggkjbTCmerAcSaJiJBt6JXFytTh0p8oQj40U0-B-pYQI/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.

 É isso ai galerinha espero que gostem!!!
Marcadores:

4 comentários:

Anônimo disse...
Este comentário foi removido pelo autor.
12 de abril de 2013 às 17:18
Anônimo disse...

amiga fico muito feliz por vc ter me ajudado coloquei no blog da minha irma ela adorou obrigada sua linda , vc e top mesmo bjbjbjb http://pramulherlindatododia.blogspot.com.br/

12 de abril de 2013 às 17:20
Geovana Cybele disse...

Já fazia tempo que queria coloca-lo no meu blog...Você quebrou ganhão pra mim, valeu!!!

Beijos...
www.gostofashion.blogspot.com.br

12 de abril de 2013 às 18:06
Souris disse...

:a

3 de junho de 2013 às 18:20

Postar um comentário

:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p
Assinar: Postar comentários (Atom)

.
Copyright © 2011-Todos os direitos Reservados!