Aprenda a colocar gifs nos comentários de seu blog

Vamos lá gente! Como dito semana passada lá no Commaosdeseda, irei ensinar a vocês uma maneira bem rapida de colocar icones, ou lindos gifs nos comentários do seu blog, sem ter que descobrir qual o codigo secreto tipo aquele -:).

Esses que irei passar para vocês são super simples e fácil de colocar, e caso você venha a retirar do layout do blog, o texto voltara normal como nunca estivesse existido ali um gif.

Mas como?

Quando o comentarista digitar a palavras aparecerá o gif então, o dia que o voçê retira e o efeito de seu layout o gif desaparecerá e a palavra voltara. Exemplo: um comentarista digita "beijos" então aparecerá "Gif", e o dia que você retirar o efeito de seu blog a palavras "Beijos voltara a aparecer"

Veja:

E como os gifs são a própria palavras, você não precisara colocar aqueles tutorial cheio de emoticons a baixo dos comentários indicando os códigos.

Então vamos saber como colocar:

Procure esse código </body> e acima dele coloque esse código da caixa de texto acima de </body>, salve a pronto.

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comment-holder');
if (a) {
 b = a.getElementsByTagName("p");
 for (i = 0; i < b.length; i++) {
  if (b.item(i).getAttribute('CLASS') == 'comment-content') {
   bh_b_smly = b.item(i).innerHTML.replace(/Beijinhos /gi, "<img src='http://lh4.ggpht.com/_BJo2sJZzI3g/Sq48pf9k5OI/AAAAAAAAIug/kUt82LZnS8Q/s400/beijos10.png' alt='' class='smiley'/>");
   bh_b_smly = bh_b_smly.replace(/Beijos! /gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbvDvpOV5v6S6cnfbZuZMoU2-B7JZUfO1ofq5o8coRfG1rEKfZVGN1f7eWEHwtG0Siet08HSy8Xpf-6oLERC2vKLeeE5WhyYdM5U4JclreacX8dxECJyGPR4xp1vPrkDmc-esSRXArUlU/s1600/3504emo-messbrasil.gif' alt='' class='smiley'/>");
   bh_b_smly = bh_b_smly.replace(/Amor /gi, "<img src='http://www.magiagifs.com.br/amor/amor_arquivo01/amormagiagifs20.gif' alt='' class='smiley'/>");
   bh_b_smly = bh_b_smly.replace(/Romântico /gi, "<img src='http://lh4.ggpht.com/_BJo2sJZzI3g/SqPyBStL-nI/AAAAAAAAIMg/f-m48gzzX8A/s400/amor.gif' alt='' class='smiley'/>");
   bh_b_smly = bh_b_smly.replace(/PC/gi, "<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Crystal_mycomputer.png/50px-Crystal_mycomputer.png' alt='' class='smiley'/>");
   bh_b_smly = bh_b_smly.replace(/:ar\!/ig, "<img src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif' alt='' class='smiley'/>")
   b.item(i).innerHTML = bh_b_smly;
  }
 }
}

//]]>
</script>

Você terá esses gifs a baixo

Beijinhos, Beijos, Amor, Romântico e PC

Podem ser adcionados mais emoticons?
Claro que sim! veja esse código, vamos chamá-los de código de Adicionar mais.

bh_b_smly = bh_b_smly.replace(/PC/gi, "<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Crystal_mycomputer.png/50px-Crystal_mycomputer.png' alt='' class='smiley'/>");

PC Esse trecho que esta dentros das /PC/ corresponder a palavra que será substituída pelo gif

https://uplo... Esse é a URL do gif que você escolher, lembre-se se sempre colocar um gif que corresponda a palavras ok!

"); Esse trecho marque bem onde ele esta, pois é depois dele que você adicionara repetidas vezes o código Adicionar mais substituindo a palavra e a url do gif que será vista no seu comentário.

Agora quer ver como esse efeito fica em um blog, vai lá no Com mãos de seda e deixa o comentário se quiser com a frase"Ola Midian vim aqui te da um Beijo bem grande!"