JMiur [E]

Algo que siempre preguntan es ¿se pueden agregar emoticones a Blogger?: Blogger Emoticons viene al rescate.



¡ESTA RUTINA NO FUNCIONA EN LAS PLANTILLAS DE BLOGGER BETA!

Copiar y pegar este código en el HEAD:

<!--BloggerEmoticons-->
<script type="text/javascript">

function replaceText() {
// no support
if(!document.getElementById) {
return;
}

bodyText = document.getElementById("body");

theText = bodyText.innerHTML;


// replace

theText = theText.replace(/;\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";)" />');
theText = theText.replace(/;-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";-)" />');
theText = theText.replace(/:D/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":D" />');
theText = theText.replace(/:-D/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":-D" />');
theText = theText.replace(/B\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B)" />');
theText = theText.replace(/B-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B-)" />');
theText = theText.replace(/:x/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":x" />');
theText = theText.replace(/:X/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":X" />');
theText = theText.replace(/:-x/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-x" />');
theText = theText.replace(/:-X/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-X" />');
theText = theText.replace(/:-\(/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":-(" />');
theText = theText.replace(/:\(/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":(" />');
theText = theText.replace(/:o/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":o" />');
theText = theText.replace(/:O/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":O" />');
theText = theText.replace(/:-o/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-o" />');
theText = theText.replace(/:-O/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-O" />');
theText = theText.replace(/:p/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":p" />');
theText = theText.replace(/:-p/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-p" />');
theText = theText.replace(/:-P/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-P" />');
theText = theText.replace(/:P/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":P" />');
theText = theText.replace(/:-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":-)" />');
theText = theText.replace(/:\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":)" / >');

bodyText.innerHTML = theText;
}

</script>
<!--BloggerEmoticons-->

Reemplazar <body> por <body id="body" onload="replaceText();"> y listo, los emoticones can caracteres de texto serán reemplazados por las imágenes correspondientes.

ADVERENCIA POST-EDICION: Gracias a un comentario de Icaro Nocturno, he comprobado que esto NO FUNCIONA en Blogger Beta si se utilizan las nuevas plantillas. Se producen dos errores. El primero es sintáctico y puede solucionarse, deben reemplazarse comillas, etc, etc. El segundo es más serio, el tag BODY no acepta el evento onload y provoca errores aleatorios. Al parecer, no hay ninguna solución posible.

10 comentarios:

rasa  

Siempre odiaba estas caritas idiotas y máxime después de que habitualmente sea objeto de burlas dado que no me se "de memoria" los codigos para generar tal o cual carita.

Pero hoy la cosa cambió y hasta les tomé cariño asi que véngale pues e insertemos este extenso código a ver que resulta.

Muchas Gracias!

Responder
rasa  

donde está ese body para reemplazar? XD! que idiota soy!!! Que bronca!

Responder
JMiur  

La instrucción BODY está justo antes de la instrucción /HEAD. ¿La encontrase?

OJO: no lo probé en mi blog así que, cualquier problema, avisame.

PD: yo tampoco me los se de memoria ;-)

Responder
ICARO NOCTURNO  

Hola,intente colocarlo en mi blog y salio esto:

Mensaje de error de XML: The element type "img" must be terminated by the matching end-tag "".

Responder
JMiur  

Es cierto. Parece que Blogger Beta no acepta las instrucciones aunque sean correcta.

He modificado el post para hacer la advertencia respectiva. Te agradezco mucho el comentario, me ha sido de gran utilidad.

Responder
Anónimo  

hola quizas os interese ver a un comjunto de rock que a mi me encanta. Os dejo la direccion para que la disfruteis.
http://www.youtube.com/results?search_query=karhe

Responder
JMiur  

Gracias, anónimo, te agradezco pero soy sordo.

Responder
Paola  

intenté poner el código, pero creo que algo hice mal porque no me salen.
:(

Responder
JMiur  

Tal como dice la advertencia, esta rutina no funciona con las nuevas plantillas de Blogger. Tis dos blogs tienen plantillas nuevas, por lo tanto, lo que te ocurre es lógico y no es un error.

Hasta ahora, no he encontrado ninguna rutina que funcione correctamente, sin, te juro que la estaría utilizando :D

Habrá que tener paciencia.

Responder
Vladimir Ramos Feria  

Lo probaré :-|

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR