Category Archives: Plataformas

Imagen de Fondo para el Blog, Classic-Blogger

Classic Blogger, Personaliza Código, Plantillas, Plataformas

Este es un aporte de tallarin :).
Bueno aveces queremos poner una imagen en el fondo de nuestros blogs pero no se puede por el simple hecho de que tienes que ubicar alguna parte de tu plantilla y no se que rollo pero ya se terminó, porque aquí esta la solución: solo tienes que poner este código entre <head> y </head> y donde dise AQUÍ TU ENLACE pones el enlace de tu imagen y listo tendrás una imagen en el fondo de tu blog aquí esta el codigo maravilloso: (hay unas contraindicaciones, que se detallan al final del post)

< View plain text >
js

  1. /*
  2. Watermark Backgound Image Script- © Dynamic Drive (www.dynamicdrive.com)
  3. For full source code, 100's more DHTML scripts, and TOS,
  4. visit dynamicdrive.com
  5. */
  6.  
  7. if (document.all||document.getElementById)
  8. document.body.style.background="url(' AQUI TU ENLACE ') white center no-repeat fixed"

Contraindicaciones:
Pero como no todo es perfecto tiene algunos problemas como por ejemplo:
1.-Si tu imagen es pequeña tal y como esta así se vera pequeña. La solución para esto es agrandar tu imagen al tamaño de todo tu blog y veras que todo te quedara bien.

2.-Otro de los problemas es que talvez tengas que cambiar algunos parámetros de tu blog como por ejemplo el color de las letras y cosas asi, espero que esto les sirva.

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.

Ventana de Avisos Para tus Visitantes, Classic-Blogger

Classic Blogger, Personaliza Código, Plantillas, Plataformas

Como la mayoria de los usuarios, no leen los avisos que estan en los post o en alguna parte de la sidebar o barra lateral, quizas les interese este código.
¿Que es lo que hace?, Aparece un cuadro flotante, con el mensaje que ustedes quieran, este mensaje se puede mover y también cerrar.
Aquí les dejo una imagen de como queda en el blog:
avisos_visitas_1.jpg

Continue reading Ventana de Avisos Para tus Visitantes, Classic-Blogger →

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.

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

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.