30 junho 2012

Tutorial: emoticons no comentario do blog.

                        
A algum tempinho,coloquei a opção de emoticons nos comentários,ou seja,quando você for comentar você pode colocar um rostinho sorrindo,um coração etc....Hoje,com todos os créditos ao PI,venho ensinar como colocar.


Vá em Modelo>Personalizar>Editar HTML e procure:

<data:postCommentMsg/>

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/AVvXsEinIUg7LiTCPQlgTh9p4Zr0suIWU4WeUHKZva1Jn4CM4c5U11EhdqjEpbjdOhWHf2i1x-2zXfvwgAWP1le84lliGAEVF1N6UInDf0dtWZjz53YHNdrCPuDHh74XKLHGyqLbPPEVA2Mg5Ak/s800/emoticon-0100-smile.gif'/> :a&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF3pBfsPspWTWuZnp9pic2F3Xqz_ts8CVcC-qBtxNYKk1EzaoHi3deorEnUtLRrXqptbxBTeZEvLqd4PuPF9o7o5_iRvZqWnp5bjrZUD_FbXD0VYun98xCN3eTo_ABG42r8JRNnyUB_iM/s800/emoticon-0101-sadsmile.gif'/> :b&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLfh-kWJazDT0GDGKfyVqTwCyFfS3jej18L3iIovsxQEKZwoSSq_c7E6o0v8wMyZZmwyfq62AWrEosTDkEsjiWwMx2YH45KBIWMKj8K1IWNtnxoOvbWVa-u0Gh3w15_fxT_1ayryGnAs8/s800/emoticon-0102-bigsmile.gif'/> :c&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglLs895RYcmpyC-cIWKOIQ4a72umxbhkGUhZofjnbT_IGf73QzMjnvJAq8cO2Zv7Xi0rmtvtrqaLAVV3cWelg2RgYNMmP5bZziZLqUTf2GNyDzwiZ3JDtRwNw-iiRoZQHpXFviMSg2YgI/s800/emoticon-0105-wink.gif'/> :d&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6d73rPbxGIHPQ379k3uWQ0NY1LMufW4ibg3DuX1LJYVbIPBlQqaK68_xyVRQfX37RezNTlhwg7Gx8UJxWBmObtAcpWCu9OFLrovMUfTOlxjPzYxHH9NDmViFLjThXGtUSI6ve47nz9sI/s800/emoticon-0104-surprised.gif'/> :e&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLfkOqo2Yc08yzPU2KPOi1CW0mtrbAh_ApqraRG_EG1qFUFvTtpq6jPBXnCc-4VMoHXYBbFLYRtNElodG_TfqzJbQcySSXx2kCd1Rv7IL1-rf1xbNCPxgUprk7J6K5N3TAmpkSFVbIgVA/s800/emoticon-0106-crying.gif'/> :f&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Q27unX3UZCx4a8qCM965-neTyijt_b6OkX8WYfrgxvLdiDWZeHFRrIrJPGvxY6qtIpY7xLwd5wmYyafTsY38-MFXCWpQdWIKQaHja6JuaHQEvPqSInPmTigR7nOqXFw-4ApAWmhV4aY/s800/emoticon-0109-kiss.gif'/> :g&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjql-krYpQ1KYoywwUCE1jRoMFS7b3fkjFH5ZMFep3JokFHjTVX6QlYKjxMyThUMER21AkXUGIElBGudbJy_rLHgkhPWub1MWpOnQK9rL9vB11ZqhZ9-6JjR4Tm7rc-4sMuX3eFjMFyt8E/s800/emoticon-0111-blush.gif'/> :h&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNVzBMg1JqUxXSg5ynou1JN2b_FtQC0kZKirq1xIuafOlzABJKRCEbMc9fKDqSsqB54mrx61riLj-sBsd0JYa-mpXYwx2fBGr5R9OBcOk1LwziT3inNK1yVJy9rLxOevaUHp0M5vJfGuI/s800/emoticon-0110-tongueout.gif'/> :i&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz7ROQVVLn9MJAvhioGBCNOIdywMFd4u_DGxiZ5G0WrTSIQLTzZtLGd6fTSh1e9Auu4kFFlv9cMVI1Rnd8vqXPHCBFVTBWv0-tm4PnfhxBFXnwyzKS4JCG8Ow_40_nekn5vmRscy4fnv4/s800/emoticon-0126-nerd.gif'/> :j&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmHVz-tyvu8CDNgeGfw1KGp8I-5UOfZPctr7bfnhvUsjI10piUnWokly85FTahWLH7TqOrO8aB7aup3KCcJu_s8Mi_LuNdjlL16cQE9hn0gMAm9TQBelmhvUX9UfNp8kXi3j9EW8_YeD8/s800/emoticon-0103-cool.gif'/> :k&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxoPMkguh_MjHBIPwUUX1-eayTEgDte6B81RYiBcKuNwzUmuuVTfvJA1h8yU-o0OOBNDwxAy6JcA9nwgVj87tzdSFC4kAiJY2PpyF6SQth5avgZ-E62sH1K59n-SeP8ktDXWhl25cOwxY/s800/emoticon-0130-devil.gif'/> :l&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpkp_qiezM9MwhxxKVqm83z_nRDF5TlZvaQxJ3jw_FXNUB58c2PjPAmoyys5uag5fnZX9OqVmIDd0NTTFhHRw8rzDPt-RABVsdZb7Rsb4nyxqY1BXakJdtW_rEV00pILdtX5wXjKpKcw0/s800/emoticon-0133-wait.gif'/> :m&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPI7OFdN1WBEifbQ1SPwyy5DpOJpksmy7zjZRCTspSTTuUnmEL0I6m-daXUEpfDoiwEb_iMNBqRQZL2AdXp8ufO4tA6vold2GVRDSpJtcmN6mtkT0krF0g_tN6NhyphenhyphenXVXzMsDvjU7FYSg/s800/emoticon-0137-clapping.gif'/> :n&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib3WKDTvKGgdQLC2mrs2I7x2al4pdyuN3EA8KyO1gCZnxEB7T0ZTcEHJTw8hsQ4c6TjDETfWNzaGDjZbDsINZPTkabzmupxARmtynUZ1MnluGuWG-w3vLMCaqiMvQcprogZSkEXBNlS0I/s800/emoticon-0136-giggle.gif'/> :o&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrDrmyCmfmkVnSnhiTNnowjzZExJmrwitF-oElSjYCzjJFwWJLr7AdWFbo2jy81bpbp4qi1kuAY4tcXshgS-azZzl_FK9WrtZXkVP92eEpxYFzni2X9G_CKDYI86DJ-ezVB50CcLUxFdI/s800/emoticon-0141-whew.gif'/> :p&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjXQPG-HM7bh0nkxUMtundc4NiKmqVrUHlMDRU6rIlxlZ9Uyp4FGBxDpVcYuwef-uej6kZDkY9X1OFs74-sNlORZiunf3_t8Yu0EkAyJZWvlAjre8hU6B5kV7GtS2ndBl8H8WzH191Qac/s800/emoticon-0148-yes.gif'/> :q&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUZipLIuInTelB6Zatfl9hXgeWTqv7YCymKZxXHOOOh6mOso9M_dlTvTZemYiPad_c5VcGF6Xqmp6TuhqNhaDYE2s6ndiuXmnBPIpMy5QeC84NOGSLElAuqrbKjUoyB-IrzcKN0PPYKs/s800/emoticon-0149-no.gif'/> :r&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuazHHzLPEx73l1pfMlHAn95Jp29nfX7twzzS230AaIevMWo2Tp7HqfpF-6nQwdSZ4Ksw6L48duuGyON6tySeFMcLhVhO_I_o7b6WMjwMRBLIvOhAXTO1m2x2vlnhbZREbK5YYVZAdFTM/s800/emoticon-0178-rock.gif'/> :s&#160;<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi877ymhOS-8KAd4Mejjcp42fbIQWbOK4NaYuhKbxifXhY94BTPNuN7vu8Xpgy3YVwePXbKy4TfZ3bMPTfvqTjnZnOC5zCvsteq0ohufr-bLPOWd5CDOm0TmVbFaI12GOCTBWKq8UXSuRA/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/AVvXsEiz7ROQVVLn9MJAvhioGBCNOIdywMFd4u_DGxiZ5G0WrTSIQLTzZtLGd6fTSh1e9Auu4kFFlv9cMVI1Rnd8vqXPHCBFVTBWv0-tm4PnfhxBFXnwyzKS4JCG8Ow_40_nekn5vmRscy4fnv4/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmHVz-tyvu8CDNgeGfw1KGp8I-5UOfZPctr7bfnhvUsjI10piUnWokly85FTahWLH7TqOrO8aB7aup3KCcJu_s8Mi_LuNdjlL16cQE9hn0gMAm9TQBelmhvUX9UfNp8kXi3j9EW8_YeD8/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxoPMkguh_MjHBIPwUUX1-eayTEgDte6B81RYiBcKuNwzUmuuVTfvJA1h8yU-o0OOBNDwxAy6JcA9nwgVj87tzdSFC4kAiJY2PpyF6SQth5avgZ-E62sH1K59n-SeP8ktDXWhl25cOwxY/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpkp_qiezM9MwhxxKVqm83z_nRDF5TlZvaQxJ3jw_FXNUB58c2PjPAmoyys5uag5fnZX9OqVmIDd0NTTFhHRw8rzDPt-RABVsdZb7Rsb4nyxqY1BXakJdtW_rEV00pILdtX5wXjKpKcw0/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPI7OFdN1WBEifbQ1SPwyy5DpOJpksmy7zjZRCTspSTTuUnmEL0I6m-daXUEpfDoiwEb_iMNBqRQZL2AdXp8ufO4tA6vold2GVRDSpJtcmN6mtkT0krF0g_tN6NhyphenhyphenXVXzMsDvjU7FYSg/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib3WKDTvKGgdQLC2mrs2I7x2al4pdyuN3EA8KyO1gCZnxEB7T0ZTcEHJTw8hsQ4c6TjDETfWNzaGDjZbDsINZPTkabzmupxARmtynUZ1MnluGuWG-w3vLMCaqiMvQcprogZSkEXBNlS0I/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrDrmyCmfmkVnSnhiTNnowjzZExJmrwitF-oElSjYCzjJFwWJLr7AdWFbo2jy81bpbp4qi1kuAY4tcXshgS-azZzl_FK9WrtZXkVP92eEpxYFzni2X9G_CKDYI86DJ-ezVB50CcLUxFdI/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjXQPG-HM7bh0nkxUMtundc4NiKmqVrUHlMDRU6rIlxlZ9Uyp4FGBxDpVcYuwef-uej6kZDkY9X1OFs74-sNlORZiunf3_t8Yu0EkAyJZWvlAjre8hU6B5kV7GtS2ndBl8H8WzH191Qac/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUZipLIuInTelB6Zatfl9hXgeWTqv7YCymKZxXHOOOh6mOso9M_dlTvTZemYiPad_c5VcGF6Xqmp6TuhqNhaDYE2s6ndiuXmnBPIpMy5QeC84NOGSLElAuqrbKjUoyB-IrzcKN0PPYKs/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi877ymhOS-8KAd4Mejjcp42fbIQWbOK4NaYuhKbxifXhY94BTPNuN7vu8Xpgy3YVwePXbKy4TfZ3bMPTfvqTjnZnOC5zCvsteq0ohufr-bLPOWd5CDOm0TmVbFaI12GOCTBWKq8UXSuRA/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuazHHzLPEx73l1pfMlHAn95Jp29nfX7twzzS230AaIevMWo2Tp7HqfpF-6nQwdSZ4Ksw6L48duuGyON6tySeFMcLhVhO_I_o7b6WMjwMRBLIvOhAXTO1m2x2vlnhbZREbK5YYVZAdFTM/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinIUg7LiTCPQlgTh9p4Zr0suIWU4WeUHKZva1Jn4CM4c5U11EhdqjEpbjdOhWHf2i1x-2zXfvwgAWP1le84lliGAEVF1N6UInDf0dtWZjz53YHNdrCPuDHh74XKLHGyqLbPPEVA2Mg5Ak/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF3pBfsPspWTWuZnp9pic2F3Xqz_ts8CVcC-qBtxNYKk1EzaoHi3deorEnUtLRrXqptbxBTeZEvLqd4PuPF9o7o5_iRvZqWnp5bjrZUD_FbXD0VYun98xCN3eTo_ABG42r8JRNnyUB_iM/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLfh-kWJazDT0GDGKfyVqTwCyFfS3jej18L3iIovsxQEKZwoSSq_c7E6o0v8wMyZZmwyfq62AWrEosTDkEsjiWwMx2YH45KBIWMKj8K1IWNtnxoOvbWVa-u0Gh3w15_fxT_1ayryGnAs8/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglLs895RYcmpyC-cIWKOIQ4a72umxbhkGUhZofjnbT_IGf73QzMjnvJAq8cO2Zv7Xi0rmtvtrqaLAVV3cWelg2RgYNMmP5bZziZLqUTf2GNyDzwiZ3JDtRwNw-iiRoZQHpXFviMSg2YgI/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6d73rPbxGIHPQ379k3uWQ0NY1LMufW4ibg3DuX1LJYVbIPBlQqaK68_xyVRQfX37RezNTlhwg7Gx8UJxWBmObtAcpWCu9OFLrovMUfTOlxjPzYxHH9NDmViFLjThXGtUSI6ve47nz9sI/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLfkOqo2Yc08yzPU2KPOi1CW0mtrbAh_ApqraRG_EG1qFUFvTtpq6jPBXnCc-4VMoHXYBbFLYRtNElodG_TfqzJbQcySSXx2kCd1Rv7IL1-rf1xbNCPxgUprk7J6K5N3TAmpkSFVbIgVA/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Q27unX3UZCx4a8qCM965-neTyijt_b6OkX8WYfrgxvLdiDWZeHFRrIrJPGvxY6qtIpY7xLwd5wmYyafTsY38-MFXCWpQdWIKQaHja6JuaHQEvPqSInPmTigR7nOqXFw-4ApAWmhV4aY/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjql-krYpQ1KYoywwUCE1jRoMFS7b3fkjFH5ZMFep3JokFHjTVX6QlYKjxMyThUMER21AkXUGIElBGudbJy_rLHgkhPWub1MWpOnQK9rL9vB11ZqhZ9-6JjR4Tm7rc-4sMuX3eFjMFyt8E/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNVzBMg1JqUxXSg5ynou1JN2b_FtQC0kZKirq1xIuafOlzABJKRCEbMc9fKDqSsqB54mrx61riLj-sBsd0JYa-mpXYwx2fBGr5R9OBcOk1LwziT3inNK1yVJy9rLxOevaUHp0M5vJfGuI/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")b.item(i).innerHTML = _str;}}}//]]></script>

Resultado (esse print foi eu quem fiz)



Abraços,Sááh!



Fonte: Dicas para blogs.

5 comentários:

  1. There is definatelу a lot to fіnd out about thіs
    subject. I love all the poіntѕ you�vе maԁe.


    Visit my ωеb-ѕite; payday loans toronto

    ResponderExcluir
  2. I all the time used to read piece of writing in news papers but now as I
    am a user of web so from now I am using net for content, thanks to web.


    Also visit my site - book critique

    ResponderExcluir
  3. I’vе been suгfing online more than 4 hourѕ tоday, yet I never found any inteгestіng
    artіcle like yours. Ιt іs pretty
    ωorth enough for me.
    In my ѵiеω, іf all webѕitе oωners аnd bloggеrs made good
    сontent as yοu did, the inteгnet ωill be
    a lot moгe uѕeful than еveг before.


    mу page ... core strength exercises

    ResponderExcluir
  4. For the reason that the admin of this web page is working, no
    hesitation very soon it will be renowned,
    due to its feature contents.

    My site: book critique

    ResponderExcluir
  5. A&X6d;azing! This blog looks just likе my old one!

    It�s on a totallу differе&X6e;t topic but it has pгеtty much the s&X61;me pagе &X6c;ayout and desig&X6e;.

    Outstanԁing chooice of colors!

    Lookk intο my ρаge E Cigarette Liquid

    ResponderExcluir

.Não gostou do blog? Cada um tem o direito de gostar ou não gostar, claro, mas expresse isso de modo civilizado, sem palavrão e ofensas.
.Não tenho nada contra o famoso ''seguindo, segue de volta?'' desde que você comente pelo menos algo sobre o post.
.Eu sempre comento de volta, e se gostar do blog, sigo.
.Viu alguma coisa sua aqui? Me contate e discutiremos o assunto.
Obrigada pelo comentário!