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

  • Cuenta Atrás, WordPress Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web. Si lo que buscan es un contador para atrás de una fecha determinada, este es el post que […]
  • Juegos, Accesorios y Aplicaciones Para tu Blog, Blogger http://www.widgetbox.com/ tiene varios widget de juegos, contadores. relojes, que podemos agregar facilmente en nuestro blog, solo deben seleccionar el simbolo de blogger (que es una B […]
  • Como conseguir visitas Los que les voy a contar es por que lo se por experiencia, las visitas tardan en venir pero de apoco llegan, hay que tener un poco de paciencia, pero si no llegan, la mejor manera de […]
  • Buscador de Google Desbliega los Resultados en la Misma Pagina, Blogger Tan simple como entrar a la opción Draft de Blogger, con los mismos datos de tu cuenta de Blogger (excepto que verás varias propiedades mas que en nuestra cuenta de Blogger), ir a Diseño, […]
  • Ordena tu mail mediante Filtros y Etiquetas (Gmail) Hoy les voy a contar como mantengo mi cuenta de Gmail ordenada, a lo mejor parezca algo tonto, pero cuando te llegan cientos de mails a la semana, y se te mezclan cosas importantes con […]
  • Fotos de los comentaristas, BloggerEsto es para mostrar imágenes para los comentaristas, ya sea de nosotros, los usuarios anónimos y los demás usuarios. Necesitaremos tres imágenes, uno para nuestros comentarios, otro 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 *