miércoles, 29 de junio de 2011

Emotícones en Blogger (Versión Taringa!)

Muchos usuarios conocen la comunidad Argentina llamada Taringa!, en lo personal me encanta por la variedad de contenido que hay en ella. Algo también que me gusta es el sistema de emotícones, por lo que me empeñé en recrear algo similar en Blogger.

El resultado es el siguiente:
 


Esta variedad muestra una lista de la misma forma que lo hace Taringa mediante un popup.

Contiene casi todos los emotícones de esta comunidad, a excepción de 3 2 que no pude añadir por un conflicto en HTML.

¿Cómo añadir los emotícones?

Paso 1: Añadiendo el script:

En ''Diseño | Edición HTML'' marcaremos ''Expandir plantillas de artilugios''. Buscaremos la siguiente zona:
</body>
 Justo arriba de esta pegaremos el siguiente código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://archivos.ayuda-bloggers.info/Scripts%20Recuperados/Emoticones%20Ayuda%20Bloggers-old.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>

Paso 2: Añadiendo el enlace en el formulario:

Ahora deberás buscar la siguiente línea:
<data:postCommentMsg/>
Si se repite en la plantilla, deberás buscar uno muy similar a este:
<h4><data:postCommentMsg/></h4>
Si usas una plantilla clásica el código será muy similar a este:
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
Debajo de este, deberás pegar el siguiente código:
<a href='' onclick='openpopup(); return false' style='font-size: 14px;'>Mostrar Emotícones</a>
<script type='text/javascript'>
function openpopup(){
var winpops=window.open(&quot;http://dl.dropbox.com/u/28164309/Resources/Lista%20Emoticones%20Ayuda%20Bloggers/emoticones.php.htm&quot;,&quot;&quot;,&quot;width=180px,height=500px,scrollbars,resizable&quot;);}
</script>

Guarda los cambios y listo.


Importante:

La lista de emotícones es la siguiente:





Si lo deseas puedes probarlos en mi blog, pero recuerda no hacer spam con ellos.

No hay comentarios:

Publicar un comentario