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:
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!
donde está ese body para reemplazar? XD! que idiota soy!!! Que bronca!
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 ;-)
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 "".
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.
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
Gracias, anónimo, te agradezco pero soy sordo.
intenté poner el código, pero creo que algo hice mal porque no me salen.
:(
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.
Lo probaré :-|
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
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 ...