Como Colocar Emoticons Facemoods nos Comentários do Blogger

Adicione emoticons no blog e possibilite uma forma divertida dos visitantes comentarem nas postagens.

Nesse artigo falaremos sobre algo divertido. Não, o blog não mudou seu tema para humor. É que mostraremoscomo colocar emoticons nos comentários do blog, aqueles “bichinhos” engraçados que exprimem alguma sensação e que muitos blogueiros sempre desejaram aplicar a suas páginas.

No tutorial a seguir, você verá um jeito simples de colocar essa funcionalidade em seu blog, porém, advertimos que é necessário atenção para que tudo saia corretamente e os visitantes possam comentar nas postagensadicionando os emoticons facemoods.

Emoticons Facemoods após instalado no blog

 Recomendamos que antes de qualquer alteração no código faça um backup do template. Caso ainda não saiba como proceder, acesse o artigo Como Fazer Backup do Blog.

Colocar Emoticons Facemoods no Blog

>> Acesse seu Blogger, vá em "Modelo" e depois "Editar HTML".

>> Clique no código do template, pressione "CTRL+F" e pesquise por:

<div class='comments' id='comments'>

* Você poderá encontrar dois trechos iguais, caso encontre, repita o processo em ambos.

>> Logo ACIMA do trecho encontrado, cole o seguinte código:

<b:if cond='data:blog.pageType == "item"'>
<div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCTRqGyqZFMldJWa_TXVKXM-6S9ienWcIg1tQ37-sqmPd8wb4Ip-obroqB0VZjWWLp1eBbHZOq4eKJWo3EhouJ7WHbA_QfkeaPASaAhVhJHS-Rq_0ypoPspWPOfCpDYKCZ0YY8TSGTMZY/s1600/prodeveloper.com.br(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjozD81Dyf5vbob0JiGiSMX8TsQdoLnBWAj3J3_soDUudGS68sXAUs__rix-3sFJIvJgZiGcdays2Y2cfNzgZ7kq7cEx62IWa9iAaTWtT71_ZJImogqKZrLbMbiU4oF3QjLLtmlsZ0jEkc/s1600/prodeveloper.com.br(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDHAMAaCBKAX4z-VxNynVqGS8-eDv-VLbRfMsM40wO_WPV5d2nNonnbup2hY-vt1BpQTCnnX5LmazgG4_M485B6hJMUD8vWh2ZFLeYxEsd5IG84OJDYuecIfdQJUF-3fj4EE9RVoyF2mo/s1600/prodeveloper.com.br(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUrFnfqBQ7DizIzEHnXYbGs3D63p9oLtscK3jas-YbedJaJ5cXIfygZQYcXFMOwBanrzVdZphuqeqUmNPxDff5GQVWLMTocD8JjoG7APFpr6uwHBAntQwv_etPE1MAKBNSzAywkyhkYqo/s1600/prodeveloper.com.br(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin5wzq9bGK1rBzH0o7ahI6WDwP84LkXHlXF5BVUeJMoy5nYqLO-bXTTqLH42IDMxLaS5XxtdC5_OFurWV-G3BxeSTr8YMVqJeJWu0_-6xVSBIrxF9ZodENiWLDPELH75eXFm13iShra0A/s1600/prodeveloper.com.br(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSOVxkcz6xBr7oOAgiLfo_6BwPO-1pdOuhucV5EsioCyCCL-3GcmCpiE4iZBAOnjZEVK0myYYFIiLrG7RWgK7MyyBnIwWpEAN2FeEyvpR8CeOXuOx_MyWbYe0BDPLODW8FxYTQl7GUB_c/s1600/prodeveloper.com.br(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN4M0NOXlG-QEwKa4mArmlY0MZUYiY4ROVdbXCs0q5wnOEDOOD0ei_lYcHAesWZeUQLQfbjrbqIhdf8JfsZkF4GFvdr5nqSTjh9g4LLSAJq6sg9_AERdAct3PX8IlFEANUcpCuJlu1Oyk/s1600/prodeveloper.com.br(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89IxJnAzA5jtckWJODkFj7QC8LdaVqwE1n89O9muFTKe4G7sUqGiJh4nJRkhDg6_V_sTJvnCJDew0Q2aC9Ri43VJiLyTwvFDDXR68hu2-URaXRDJvAbe2A9QiVm3ARTnAWGoMjtNAxfM/s1600/prodeveloper.com.br(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOXsB-APi8vuMLSji_FcLOWXkmbGPQh_MVjmTO1B0eedl-GBzdACfmkS02wKIU7-vzHdWQpOSkhT0l_dhyP0qhoOKQOO460uQeEdqiwiXT070E6I5GA5wfdiJSawcIRWDv3EktfnM0nFA/s1600/prodeveloper.com.br(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIOItNcUE4kcUaI25kPDLRKAyx2VkYo-9swtXAZR-4LgB-hKW77RykU-ercq4UCRTfAtf-EKTQ5hIZ4_RQcrGhj98wfOodJxH9XERp3qI-SYq6UK6-5BYSqL8l6hy9WC8qveq2tCFpNvo/s1600/prodeveloper.com.br(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjt4Dc1vybKutOXGxWwU987z6P9FkENjfr8oQGvPgID3CI3OX_3Y2UdehXiPcvaA2-nEenWAUAm_XVqw7Nv-HA3s06kuG4li91Gf_h6pqpNDCfc3oybVlxb2qwL7VGbRHKRo9x3FT6eHY/s1600/prodeveloper.com.br(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Wv_66LCTS1eBNr5Wr-vLwPr5WysjYpCwTjywH2JxmhXDqPLahoWj0M5nGcUJZHWmz57ShqocoSc7l2h-gpRX_-55sNX90s-ZHKT2CoZh5bHDAi22_EAWxCpKXgd2Wrezh4v3aUdlM-U/s1600/prodeveloper.com.br(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKV20jUDXRS8ZKuGcOhrp3pYfNNF5rcBbvlcHFs5qSQUgszvyxsb4t3EbksW5DXTKpztImZWEgiUbLGmcxyr1MgKesjYjiLCfZkQQ5YMZ4OvmcIG_NEI6c8YJ1MMv42iKkmCjQh_-wcmM/s1600/prodeveloper.com.br(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsZ06NSdWw9MnMYZmlEnteo60nB2LlFdu_WY39sJdZRW0gQuragDa00Hsr7H36XN4Nq7zkH3YTwVWhpWJJQJSpkKVqo3xoEyjy6S2cYERIF38lkVXJ_b06BcEOU69f5Y8DOsW0A2AJjw4/s1600/prodeveloper.com.br(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijQF22pP8en9iGOzbzh5eNI_uDydfoOtNsIE4P1kVx5C7I_xyAE5KNDkz3sclMzC0D_wlxDT7r1rp2ZKjud6w4KHaNtBv8hhxttE808JSZaJvMR8vjSQkR4eY0LjhIr5YU52kXR0NkXC8/s1600/prodeveloper.com.br(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0pF2lQQOe5PfS4nlhjkC4UK0jZpyopQjwdkOQMlwNrD0PzbQKFrL3O-8XsZsGTAs20VrydPM35dAwPQhNiHzDQlrjsIJ5fwiYyIQxALYcC7m9A6hBpE0FOoh46oBxbz3197PaK0RA77o/s1600/prodeveloper.com.br(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXaNzhJTtjbVMaOir2nhlp3JMNsPnjL8CXBI9jHTtSHo0_NhLQIBccccCJmNoGbokOggz_l_uccVuRWrssPlEGxsYV19zg5K2yhZsLur4i2TlmYRj8_iG46Q55mHtc_d0l_xEUb10Id9E/s1600/prodeveloper.com.br(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg7NK5yZi09ES4RtzdXWeb3SmO1D7VnGF_NzeMT1UhwuapSsbgv3ueNvx6saP1_zcL3x3jTx4ltIxgU_F4h3SgfkmRmZKtNc8-S5UT6jZ32s9rYAD83Lchu1Tw_yYni4eZULh30KyA2Hk/s1600/prodeveloper.com.br(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5IuO4TgS80DCgi0hvlgiLCUPwh8In6jmX1kf6W3N44R8jO5TGV05bg3B9PZWHnJm5nTRXzXI3878lT-Gavof-C4hRZyjwM2ZT0fYEZql0iers5JmCTn9ICcqJkT5GhxkZhWWkcWfFynE/s1600/prodeveloper.com.br(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0aK1DHf6A1VqX7hYmg6XiZh6a9rJ1H9a7B_ExTawVpQMIaR0xhlCmRwIqYt0UueqaE9VOOBZV1efThN9H5o_KglofbftTyAKxmbvj87nNRfViGxo3Jea937EfsURTTHRePbnoG46u_5k/s1600/prodeveloper.com.br(20).gif'/> :t 
</div></b:if>

* É também possível adicionar o código ABAIXO de <div class='post-footer-line post-footer-line-3'>

>> Pesquise agora por </body>

>> Logo ACIMA da tag encontrada, cole o seguinte código:

<script type="text/javascript" src="http://yourjavascript.com/49561921184/facemood-emoticons.js"></script>

>> Clique em "Salvar Modelo", vá em seu blog e veja como ficou.

Um novo jeito de comentar nas postagens do blog criando um clima divertido, animado e proporcionando uma descontração para os visitantes se expressarem. Com a conclusão do tutorial, os emoticons aparecerão logo acima da área de comentários, posicionamento padrão, que, como informado também poderá ser na terceira linha do rodapé das postagens ou em qualquer parte de seu blog bastando que você tenha experiência com edição de códigos.

Deixe seu comentário, pois ele é a motivação para nosso trabalho.