23 ago. 2012

Tutorial 5: Poner emoticonos en comentarios blog.

Bueno pues, esto es algo que mucha gente hace: poner emoticonos en los comentarios! Pero para eso, tu blog debe tener un script que lo permita y es lo que ahora voy a poneros. Antes que nada quiero decir que para que el script funcione bien, hay que tener los comentarios incrustados en el post (Para ello vas a "Configuración" , "Comentarios" y seleccionáis la opción "incrustar comentarios")

¿Cómo funciona?

Se trata de un script que recibe todo el texto de nuestro comentario, busca una serie de caracteres y los sustituye por la imagen 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 como poner el emoticono que desean.

¡Comencemos! Lo primero que hay que hacer ir a Diseño>Edición de HTML e insertar el código siguiente justo antes de </body>

(GUARDA LA PLANTILLA ANTES DE EMPEZAR POR SI ALGO NO SALE BIEN)

 <b:if cond='data:blog.pageType == "item"'><script src='http://agudovk.googlepages.com/Emoticonos.js' type='text/javascript'/><script type='text/javascript'>emoticonComentario();</script></b:if>
A continuación, coloca este código encima de <iframe allowtransparency= 'true'  

<table width='400px'><tr><td colspan='10'>Emoticonos en blogger</td><td colspan='3'><a href='http://ayudaparamiweb.com'><img src='http://agudovk.googlepages.com/ayudaweb.png' 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>
Le das a guardar y listo! (Recuerdo que para buscar más rápido, pulsa Ctrl+F) 

(ESTE TUTORIAL APARECE EN LA SECCIÓN TUTORIALES)

3 comentarios: