Emoticones en comentarios de BLOGGER

A quí esta un script que permite introducir emoticonos en los comentarios de blogger. Antes de nada para que el script funcione correctamente, deberemos tener los comentarios incrustados en el post :)

¿Cómo funciona?

Se trata de un script que recibe todo el texto de nuestro comentario, busca una serie de caracteres y lo sustituye por la imágen que está asignada. También añadiremos una leyenda en la parte superior justo antes de la caja donde escribiremos el comentario, para que nuestros visitantes sepan en todo momento coo poner el emoticon que deseen.

¿Cómo añadirlo en nuestro blog?

Nos vamos a DISEÑO del blog, luego EDICION DE HTML, luego SELECCIONAMOS expandir plantillas de artilugios.

Recuerden que para encontrar rapido cualquier codigo de la plantilla conbinamos Ctrl y f en el teclado y nos aparece busqueda rapida en el explorador.

Luego lo primero que debemos hacer es añadir justo antes de la etiqueta < / body > (sin espacios :) ) el siguiente código:
Bueno es este:

<b:if cond='data:blog.pageType == "item"'><br /> <script src='http://agudovk.googlepages.com/Emoticonos.js' type='text/javascript'/> <script type='text/javascript'> emoticonComentario(); </script><br /> </b:if>

De está manera hemos añadimos el script que sustituira los caracteres por emoticonos. El siguiente paso será colocar la leyenda, para ello buscamos la etiqueta <iframe allowtransparency='true' y justo encima pegamos el siguiente código html:


<table width='400px'><tr> <td colspan='10'>Emoticonos en blogger</td> <td colspan='3'><a href='http://black-fx.blogspot.com/2010/06/emoticones-en-comentarios-de-blogger.html'><img src='' style='border:0;'/></a></td> </tr> <tr> <td><img src='http://agudovk.googlepages.com/com-smile.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-cry.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-sad.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-tongue.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-lol.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-oops.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-blink.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-neutral.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-secreto.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-sorpresa1.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-sorpresa2.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-mad.gif'/></td> <td><img src='http://agudovk.googlepages.com/com-confuso.gif'/></td> </tr> <tr> <td>:)</td> <td>:'(</td> <td>:(</td> <td>:P</td> <td>:D</td> <td>:$</td> <td>;)</td> <td>:-I</td> <td>:-X</td> <td>:o</td> <td>:O</td> <td>O</td> <td>:/</td> </tr> </table>

Listo eso seria todo, Guarda y disfruta de los emoticonos en tu blog

:)

:'(

:(

:P

:D

:$

;)

:-I

:-X

:o

:O

O

:/

Nota: no simpre surte el efecto rapido, hay que tener paciencia :D


CREDITOS A: IVAN

Si disfrutaste de este articulo, o realizaste la descarga, sientete libre de comentar.

Reproduce todo el post aqui abajo