Category Archives: Personaliza Código

Cambiar el color de Fondo del Blog, Blogger

Blogger, Colores, Gratis, Otros Servicios, Personaliza Código, Plantillas, Plataformas, Servicios para Blogs

Esto es aplicable a cualquier Plataforma de Blogs (Blogger, WordPress…).

Primero deben ubicar el siguiente código en el css, lo principal es el body (estilo de la plantilla)

Para la mayoría de las plantillas de blogger, su hoja de estilos suele aparecer en la parte superior de su plantilla, entre los códigos <b:skin><![CDATA[/* y ]]></b:skin>. Algunas plantillas simplemente hacen referencia a un archivo externo que contiene el style.

Si se encuentra en un archivo externo, entonces deberán primero descargarlo, cambiarlo (agregándole las dos líneas mencionadas) y luego volver a subir el archivo a un servidor propio.

Para mi plantilla:

< View plain text >
css

  1. body{
  2.  font: 62.5%/1.6 "Lucida Sans Unicode", "lucida grande", "Trebuchet MS", sans-serif;
  3.  text-align: center;
  4.  background: #2F2F2F url(http://www.asclive.com/Tituloblogayuda.png) repeat-x 0 0;
  5.  color: #EAE3D4;
  6.  border-top: 1px solid #430E08;
  7.  }

Lo importante de este código es background: #2F2F2F (y background:#000; para la plantilla minima black), este número corresponde al color que tenemos en el fondo del blog.

Aquí les dejo una página para que prueben números y vean ¿que color es?:
Draac, y esta otra es una paleta de colores de wikipedia.

Este otro servicio es super util, sobre todo a la hora de ver la combinacion entre los colores, se llama
Synthaxis:
Hay 4 cuadros, al pinchar cada uno de los cuadros, aparece el numero que corresponde al color:

cambiar_color_fondo_1.jpg
Continue reading Cambiar el color de Fondo del Blog, 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.

3 Columnas en tu Plantilla, Blogger

3 Columnas, Blogger, Plantillas, Plataformas

Primero hay que registrarse en Blogcrowds, para copiar el codigo de cada una de las planillas, que tienen en diferentes post.
O si quieren descargan en forma directa de Megaupload las plantillas que yo ya copié en documentos word. Los links los dejo abajo.

Paso 1: Hacer click en Template Code.
beta_blogger_3_columnas_plantillas_1.jpg

Paso 2: Pinchar en Register.
beta_blogger_3_columnas_plantillas_2.jpg

Continue reading 3 Columnas en tu Plantilla, 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.

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.