Super tutorial, confira clicando em continue lendo , E não esqueça de votar no rank de estrelas aí embaixo!
Olá pessoal, vim trazer um tutorial de como colocar emoticons nos comentários é bem simples, vá em editar HTML e clique em expandir modelos de widget e procure por:
<p><data:blogCommentMessage/></p>
Abaixo dessa linha cole o código abaixo!
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/AVvXsEhOUBh0W14rJAN9wJvj9S6mQG7aarwONRxpGrwCRsdu8nweaKQjtSYRC_eLsoS6QlrvzUO5I5zDPGFIs971damkAYq1l_KZOJOdJDO1gD8AkMAsbPQHEE50kbcP41oYYx73T8NKVlmi6c8/s800/emoticon-0100-smile.gif'/> :a   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjog_DP3nTLmSCt4k1AWA9SKHWoyms-rX2I5eLfgb8u3p8JrZTrd6vjkB6O_kWtdzxBRRBFhfP8LryS0uHZEVMGDbEe-d0mBzqeZH93Z4UXKMKEcNKdEY0wJWkh7dWLGVIr2vbwF8Z99Y4/s800/emoticon-0101-sadsmile.gif'/> :b   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItSbA8Y0ribdrPqIg5TsSNQnErN-w2cCfug0tLydDadwcSCYNqT8u8oe21YxIy5KT75FpCpqsvmX5vmntAm15keK04WCmevr5yD7-qoOgq6Y68HiXk_SPtQiUZKxPStO8k3iGqah1afw/s800/emoticon-0102-bigsmile.gif'/> :c   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX0SkHqY-iYyHIfA4VstpnTr5JPijll-jv8pu5uwA7xWXlmXLFb0SLHLrhdIX5r6M4qq4mxy5lDeKev9WCilV8xriUIXyF4VebnLe1bL2KVTcvEZLvRelVRhkADnEvNGdsB2Df41T7U6Y/s800/emoticon-0105-wink.gif'/> :d   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQZhQ3aLltyX4fM0lD42480MoUQ6WkaWya44sMc0ZouZckBp3bqKmkStpgnohAhKp4yMcgB050H8mjHDIQbqcb5wkDyKlVOrI2LR5GRJMQT2GEkqNo3ijbkv6vE8mhwS3Vsx1K34Vlers/s800/emoticon-0104-surprised.gif'/> :e   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDi-3fBxtAL6-6WLif2Lr4fRchYHL6J61JwCkk9QFcnZUhe9Bajsjzp4fDSN_6YQMl-ujOzDLrkQP18VhY5EUfLEh_nDuSSpNC7JPJeefKpDOFYGyhejNePxec2TM8-4oYcVkHDuicttI/s800/emoticon-0106-crying.gif'/> :f   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj49eYCi1UBpB9CXF7u1LDA4rquDB-R4XdzSUZoHEcvPp5SDDInhEJuH4m39I2KAJG65JoMAqVrZhOWEWxu3SH-NxfAUtIUYOC9OcqNecm21BzFYxO3-tEfLivWrlspcDd-eiQc4kYAIwk/s800/emoticon-0109-kiss.gif'/> :g   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9qhBkludiU5Z5YAK3BFIzknpNnzMZmtsyD3j6vgSXywo7yP-uoJ-82rzF0GOn_mjTuHDoKninBElr0ljT9o_FCZNIkGoIqpYbz1yOdPfRO-6SJpTcp6UtLM5brefpd59f1lc1rxbA4Pg/s800/emoticon-0111-blush.gif'/> :h   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Q3SafUzabgZ-8-tytqO3oDkbs-1FGJGbcELvszg_WkDC1o8QgCWFrb2uEozCccXfXQp8nPGlhFDltTOIYv3TNIaZGcNVzDOAEpUho-sJBetzYOnHzrzGCbJnh8G8uMf8chpADzBECSk/s800/emoticon-0110-tongueout.gif'/> :i   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguplLl5QKnM5NcejwWNNTh5nMjoK0hl4t26m_hH2kdp68PvICWq8VNVJAIoTyj__PZ4NQvNq3eHwoLc8nX79cfLdkD7FDKr9mogTpBvplctIwU0nN5O_VDAagTtXQCA6VMWREVj1upx9A/s800/emoticon-0126-nerd.gif'/> :j   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfIN8bhZ7IGi033HG8CpJen6X_i7naWDg0dCydIIvQx6N8fK1RDoy42QVCBKlhtbvyhOKMHTy5ArDAzXtzJ_tuxU98MEfNz8Euu_CuFm6b25FsTf3jqVizQyyMPQZTkbGLv2Um19OOg8Q/s800/emoticon-0103-cool.gif'/> :k   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOhIUcEbLWamnghw5a9hppb-fXiONBdedqd0T3C16LMH0GxytNF_ou2w6kZ975zKoMQyEIWtSEaIuSoKE_UK_goq-rXCgHYDs7ObTJS9Fa44JCAZIJKqFOlhvbjy2cRGfCtjIE6DaMeE/s800/emoticon-0130-devil.gif'/> :l   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkfagDZst90T44wQjzfr6hjKJF_phP2ROPlzdDFI-n7-e8BP0v9eYlTvlycqBcNO_GZGi8hYmqbJbNdkVDsGzpNUYaeqLPfUM32D3WBT8GwNpA6TB1MM16mG4oE3LdSL1bwiu_PhGWCI/s800/emoticon-0133-wait.gif'/> :m   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinY-eZ8PWvWUGrdvRJY37fX6nvbRH6xW7UttDfAAPoUzVaRdZzWudKxlLeKk1x9P5u8TL9O4h9hb1EOsn6FRW90VAHa3q0YQ7_kz1zjDillY1g_Vr98llhjRj1Q94nKEUEcpEnkk2p5O4/s800/emoticon-0137-clapping.gif'/> :n   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie7ibse39_09HwDpLosbilV-hApEM9u-mZfZocRyExbWDFnBzHpaZoKeDY-xgGpD8LNqS1WL3i4KL0XdZF4kFJPMeFh0J9lAodSLHOpspkqdIj9Le1yDSDh63u7QyHNt_4qMK5h1dCUTQ/s800/emoticon-0136-giggle.gif'/> :o   <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr3VdNz1XXZK737RZPfzAOoj1OrKL6hCVv6Teff6-kOzgwS01vKxKr-T_VoKq8AJH5JtxNLx_hLzIBvrH9BYPyz5jTdycfVLscL0L3uCFtKnRyvcL6rPsbbC8a3v9BF8ocS80yJGr7q9Y/s800/emoticon-0141-whew.gif'/> :p </div>
Agora vamos instalar a parte de Javascript, procure por
</body>
Acima dela cole o código abaixo!
<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/AVvXsEguplLl5QKnM5NcejwWNNTh5nMjoK0hl4t26m_hH2kdp68PvICWq8VNVJAIoTyj__PZ4NQvNq3eHwoLc8nX79cfLdkD7FDKr9mogTpBvplctIwU0nN5O_VDAagTtXQCA6VMWREVj1upx9A/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>"); _str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfIN8bhZ7IGi033HG8CpJen6X_i7naWDg0dCydIIvQx6N8fK1RDoy42QVCBKlhtbvyhOKMHTy5ArDAzXtzJ_tuxU98MEfNz8Euu_CuFm6b25FsTf3jqVizQyyMPQZTkbGLv2Um19OOg8Q/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>"); _str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOhIUcEbLWamnghw5a9hppb-fXiONBdedqd0T3C16LMH0GxytNF_ou2w6kZ975zKoMQyEIWtSEaIuSoKE_UK_goq-rXCgHYDs7ObTJS9Fa44JCAZIJKqFOlhvbjy2cRGfCtjIE6DaMeE/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>"); _str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkfagDZst90T44wQjzfr6hjKJF_phP2ROPlzdDFI-n7-e8BP0v9eYlTvlycqBcNO_GZGi8hYmqbJbNdkVDsGzpNUYaeqLPfUM32D3WBT8GwNpA6TB1MM16mG4oE3LdSL1bwiu_PhGWCI/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>"); _str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinY-eZ8PWvWUGrdvRJY37fX6nvbRH6xW7UttDfAAPoUzVaRdZzWudKxlLeKk1x9P5u8TL9O4h9hb1EOsn6FRW90VAHa3q0YQ7_kz1zjDillY1g_Vr98llhjRj1Q94nKEUEcpEnkk2p5O4/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>"); _str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie7ibse39_09HwDpLosbilV-hApEM9u-mZfZocRyExbWDFnBzHpaZoKeDY-xgGpD8LNqS1WL3i4KL0XdZF4kFJPMeFh0J9lAodSLHOpspkqdIj9Le1yDSDh63u7QyHNt_4qMK5h1dCUTQ/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>"); _str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr3VdNz1XXZK737RZPfzAOoj1OrKL6hCVv6Teff6-kOzgwS01vKxKr-T_VoKq8AJH5JtxNLx_hLzIBvrH9BYPyz5jTdycfVLscL0L3uCFtKnRyvcL6rPsbbC8a3v9BF8ocS80yJGr7q9Y/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>"); _str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOUBh0W14rJAN9wJvj9S6mQG7aarwONRxpGrwCRsdu8nweaKQjtSYRC_eLsoS6QlrvzUO5I5zDPGFIs971damkAYq1l_KZOJOdJDO1gD8AkMAsbPQHEE50kbcP41oYYx73T8NKVlmi6c8/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>"); _str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjog_DP3nTLmSCt4k1AWA9SKHWoyms-rX2I5eLfgb8u3p8JrZTrd6vjkB6O_kWtdzxBRRBFhfP8LryS0uHZEVMGDbEe-d0mBzqeZH93Z4UXKMKEcNKdEY0wJWkh7dWLGVIr2vbwF8Z99Y4/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>"); _str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiItSbA8Y0ribdrPqIg5TsSNQnErN-w2cCfug0tLydDadwcSCYNqT8u8oe21YxIy5KT75FpCpqsvmX5vmntAm15keK04WCmevr5yD7-qoOgq6Y68HiXk_SPtQiUZKxPStO8k3iGqah1afw/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>"); _str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX0SkHqY-iYyHIfA4VstpnTr5JPijll-jv8pu5uwA7xWXlmXLFb0SLHLrhdIX5r6M4qq4mxy5lDeKev9WCilV8xriUIXyF4VebnLe1bL2KVTcvEZLvRelVRhkADnEvNGdsB2Df41T7U6Y/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>"); _str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQZhQ3aLltyX4fM0lD42480MoUQ6WkaWya44sMc0ZouZckBp3bqKmkStpgnohAhKp4yMcgB050H8mjHDIQbqcb5wkDyKlVOrI2LR5GRJMQT2GEkqNo3ijbkv6vE8mhwS3Vsx1K34Vlers/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>"); _str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDi-3fBxtAL6-6WLif2Lr4fRchYHL6J61JwCkk9QFcnZUhe9Bajsjzp4fDSN_6YQMl-ujOzDLrkQP18VhY5EUfLEh_nDuSSpNC7JPJeefKpDOFYGyhejNePxec2TM8-4oYcVkHDuicttI/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>"); _str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj49eYCi1UBpB9CXF7u1LDA4rquDB-R4XdzSUZoHEcvPp5SDDInhEJuH4m39I2KAJG65JoMAqVrZhOWEWxu3SH-NxfAUtIUYOC9OcqNecm21BzFYxO3-tEfLivWrlspcDd-eiQc4kYAIwk/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>"); _str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9qhBkludiU5Z5YAK3BFIzknpNnzMZmtsyD3j6vgSXywo7yP-uoJ-82rzF0GOn_mjTuHDoKninBElr0ljT9o_FCZNIkGoIqpYbz1yOdPfRO-6SJpTcp6UtLM5brefpd59f1lc1rxbA4Pg/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>"); _str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Q3SafUzabgZ-8-tytqO3oDkbs-1FGJGbcELvszg_WkDC1o8QgCWFrb2uEozCccXfXQp8nPGlhFDltTOIYv3TNIaZGcNVzDOAEpUho-sJBetzYOnHzrzGCbJnh8G8uMf8chpADzBECSk/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>") b.item(i).innerHTML = _str; } } } //]]> </script>
Salve e teste fazendo um comentário, deve ficar mais ou menos assim:
Bom, eu espero ter ajudado pelo menos um pouco, Flws

0 comentários:
Postar um comentário