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

  • Crear un Banner es muy facil !!!! Esto es aplicable para cualquier Plataforma de Blogs (Blogger, WordPress...) o Pagina web. Esta es una página para crear banner en forma muy, pero muy facil. Primero Ingresan a la […]
  • Como eliminar la Barra de Blogger “Navbar”, Classic Blogger Aunque no lo recomiendo por su utilidad, los que quieran hacerlo deben agregar una linea de codigo, despues de la etiqueta <style type="text/css">. Este es la linea de […]
  • Nuevos Templates para Blogger (Plantillas) Disfruten de estos nuevos diseños, y cambien el look de sus blogs 🙂 CLICK AQUI PARA IR A LA PAGINA: Finalsense Blogger Beta
  • Quieres agregar un neko???? Esto es aplicable a cualquier Plataforma de Blogs. Es muy facil, solo debes ir a esta pagina "WEBNEKO", pincha sobre el neko que te gusta, y copiar el código del recuadro bajo la […]
  • FeedFlash Este dato esta buenísimo!!!Para explicarlo con palabras simples, sirve para mostar todos los post que han hecho dentro del blog, el resultado es este: Lo primero es entrar a […]
  • El Sigue Leyendo!!! o Leer Mas!! Explicado para Classic Blogger Ya... un post paso a paso, para aquellos que nunca pudieron utilizarlo.. Algunas imagenes las saqué del blog de carola. Muchos trataron de hacer esto, y no pudieron, probablemente por […]
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 *