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..




(No Ratings Yet)
alguien me podria ayudar diciendome como agrego otra sidebar a mi blog?
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?
onda hice los pasos de los emticons pero no me resulta, queda todo como estaba :/
No pasa naaaadaaaa!!!
igual que a la Ceci, se me puso blanca la plantilla… PLOP!!!
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?
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
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?
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.
No me sirvio
espero ayuda
estem, yo segui todos los pasos y ademas, agregue mis propios iconos y los codigos, pero lo que pasa es que no los veo, osea no se ponen con los codiguitos, no se xq. lo peor es que cuando puse el codigo este q pusiste vos, exactamente el mismo, ni siquiera los iconos que vos pusiste, nose xq no se pueden ver, alguien que me conteste por favor: yetobita.series@gmail.com
holaaa hize todo todo los pasoss y no me funciono ayuda porfa el scritp esta exagerado pero no funciona en mi blogger.. que sera el problema puse el al coigo despues de la etiqueta
y sustitui la etiqueta por esta
y pues guarde plantillas y no me sale nada.. sigue iwal que sera..??
abra algun fallo..?? porfa respeusta rapida plisss…
NO ME FUNCIONA (IGUAL QUE A TODOS) HMM…, SABES QUE LO DE LOS ICONOS CREO QUE ES UMPOCO DIFICIL Y DELICADO, POR LO QUE, CUANDO ENCUENTREN ALGO SOBRE COMO HACERLO, AVISANME PLEASE
ravelallfull.blogspot.com