Este súper util post fue enviado por Teko
Si tu no sabes como poner emoticons en tu blog y quieres tenerlos , este post es para ti.
La forma de hacerlo es muy facil, solo tienes que poner este "pequeño" codigo dentro del <head>, esta en las primeras lineas de tu plantilla, en cualquier lugar sirve, pero de preferencia , seguido del <head>.
<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-->
Ya habiendo añadido esto, lo siguiente es aun mas facil. Solo hay que localizar el <Body> y sustituirlo por este otro:
<body id="body" onload="replaceText();">
Una vez hecho esto, solo guarda los cambios y vuelve a publicar tu plantilla. Tus emoticons se veran asi :
Recuerda, solo se ven en los post y en los comentarios , pero en el "permalink", no donde se ponen los comentarios desde blogger.
Y eso es todo..Espero que les sirva, tanto como me sirvio a mi..
Si este Post te ayudó recuerda votar por el blog En esta Página
Post Relacionados
Agregar iconos gestuales al blog">Agregar iconos gestuales al blogCrea un Foro Gratis para tu Blog!!!">Crea un Foro Gratis para tu Blog!!!
Post Por Hacer">Post Por Hacer
Agrega tu CHAT de CBOX">Agrega tu CHAT de CBOX
FeedButton: un boton para varios agregadores">FeedButton: un boton para varios agregadores
Post al Azar:
Envía este Post




Translate this Blog 









25. October 2006. a las 6:11 pm
alguien me podria ayudar diciendome como agrego otra sidebar a mi blog?
27. October 2006. a las 10:03 pm
hola! yo segui los pasos para agregar los emoticons! pero lo que me paso es que me cambio la plantilla y me la puso blanca. por que?
29. October 2006. a las 12:14 am
onda hice los pasos de los emticons pero no me resulta, queda todo como estaba :/
6. November 2006. a las 2:46 am
No pasa naaaadaaaa!!!
igual que a la Ceci, se me puso blanca la plantilla… PLOP!!!
7. November 2006. a las 6:37 pm
Hola! a mi em aparecen lso emoticones, lo que me pasa es que me mueve el sidebar debajo del último post e igual que a los demás me deja el fondo blanco…
se puede arreglar?
7. November 2006. a las 6:40 pm
yo creo que el problema de la plantilla en blanco debe ser generado por otra cosa…
Yo lo hice en una minima black nuevecita..sin ningun cambio, y no tuve ningun problema, porque no hacen esta misma prueba
8. November 2006. a las 12:51 pm
Sabes qué? inventé una con minima black, no le hice ningún cambio, sólo agregué un post con una “:)” para ver si quedaba y me volvió a pasar lo mismo, el emoticon se ve pero queda todo blanco y el sidebar se me va después del último post.. qué será? se podrá hacer algo?
13. December 2006. a las 2:00 am
Lo hice, y me funcionó en el navegador Mozilla, pero no en el Explorer ni en el Opera.
Saludos, y gracias por todos los aportes.
4. January 2007. a las 4:03 am
1. April 2008. a las 1:09 am
No me sirvio
espero ayuda 