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

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.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger