Como poner emoticons en tu Blog ?, Classic Blogger

Adornos y Accesorios, Classic Blogger, Iconos, Plataformas

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

< View plain text >
js

  1. <!--BloggerEmoticons-->
  2.  
  3. <!--
  4.  
  5. function replaceText() {
  6. // no support
  7. if(!document.getElementById) {
  8. return;
  9. }
  10.  
  11. bodyText = document.getElementById("body");
  12. theText = bodyText.innerHTML;
  13.  
  14. // replace
  15. theText = theText.replace(/;)/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";)" /&gt;-->');
  16. theText = theText.replace (/;-)/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";-)" /&gt;');
  17. theText = theText.replace (/:D/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":D" /&gt;');
  18. theText = theText.replace (/:-D/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":-D" /&gt;');
  19. theText = theText.replace (/B)/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B)" /&gt;');
  20. theText = theText.replace(/B-)/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B-)" /&gt;');
  21. theText = theText.replace(/:x/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":x" /&gt;');
  22. theText = theText.replace(/:X/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif " alt=":X" /&gt;');
  23. theText = theText.replace(/:-x/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif " alt=":-x" /&gt;');
  24. theText = theText.replace(/:-X/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-X" /&gt;');
  25. theText = theText.replace(/:-(/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":-(" /&gt;');
  26. theText = theText.replace(/:(/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":(" /&gt;');
  27. theText = theText.replace(/:o/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":o" /&gt;');
  28. theText = theText.replace (/:O/g,'&lt;img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":O" /&gt;');
  29. theText = theText.replace(/:-o/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-o" /&gt;');
  30. theText = theText.replace(/:-O/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-O" /&gt;');
  31. theText = theText.replace(/:p/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":p" /&gt;');
  32. theText = theText.replace(/:-p/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-p" /&gt;');
  33. theText = theText.replace(/:-P/g,'&lt;img src=" http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-P" /&gt;');
  34. theText = theText.replace(/:P/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":P" />');
  35. theText = theText.replace(/:-)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":-)" />');
  36. theText = theText.replace(/:)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":)" />');
  37.  
  38. bodyText.innerHTML = theText;
  39. }
  40.  
  41. --&gt;
  42.  
  43. <!--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.. 🙂

Artículos Relacionados

  • Radioblog Esto es aplicable a cualquier Plataforma de Blogs, solo selecciona la tuya. Como sé que muchos piden información sobre como colocar música, explicaré Radioblogclub que es muy fácil de […]
  • Como crear un Blog Propio en Blogger (Blogspot) Considerando que muchos amigos tienen la dirección de mi blog, y no saben como tener el propio. A continuación van los pasos que debeb seguir para el suyo: Solo debes ingresar a la […]
  • Yo compro tu dominio .com por ti Como he mencionado otras veces la importancia de es mucha mas de la que le damos, ya que si utilizamos algún o servicio de foros gratuitos, una vez que esos servicios ya no se ofrezcan, […]
  • Otro lugar para subir Archivos Para los que necesitan compartir archivos con sus visitas, les aviso de este sitio "MEDIAFIRE". Ayer lo probé y me pareció bastante rápido y lo mejor es que se pueden bajar todos los […]
  • Visitas onLine Opromo Otra forma de poner las visitas online sería aqui, entren a Opromo y en el menú de la izquierda eligan "visitas online" Llegan a ésta página donde sale paso a paso lo que hay que […]
  • Mas Plantillas para Blogger (Templates) Aqui hay Plantillas con Diseños muy Bonitos: Beautifulbeta Dejo las Plantillas Descargables de aquí mismo: Pincha Aqui Para Descargar con Megaupload Pincha Aqui Para […]
patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

About patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Leave a Reply

Your email address will not be published. Required fields are marked *