Cambios de estilo

Con sólo cambiar la hoja de estilos de su plantilla, podrá modificar prácticamente cualquier elemento visual de su blog. A continuación le indicamos algunas de las modificaciones más habituales. Si desea consultar guías de aprendizaje más completas y ejemplos más concretos, por favor, lea los ejemplos de CSS de W3 Schools y la introducción a CSS de W3C.
Todas nuestras plantillas predeterminadas contienen la información de la CSS en la parte superior, entre los códigos
. Verá una serie de líneas como ésta:
La línea resaltada muestra el estilo que se aplica a cada código de su blog. A continuación describiremos algunas opciones de estilo que pueden aplicarse. Todos los fragmentos de código siguientes pueden insertarse entre { llaves } en la hoja de estilos.

Code
Ejemplos
Colores
color:blue;
Este texto es de color azul.
background:yellow;
Éste tiene un fondo amarillo.

Aquí puede insertar los nombres de muchos colores comunes (red, green, yellow, etc.) o bien utilizar códigos hexadecimales para obtener una gama de colores más amplia (p.ej., #0033AA). Si desea obtener más información sobre los colores, por favor, consulte el sitio Web Color Reference.

Bordes
border:solid 1px red;
Este texto tiene un borde rojo.
Los bordes pueden ser continuos, discontinuos o punteados. El grosor se especifica en píxeles (px). Los colores pueden indicarse por su nombre o mediante códigos hexadecimales. Si sólo desea que aparezca un borde en un lado, utilice border-top (borde superior), border-bottom (borde inferior), border-right (borde derecho) o border-left (borde izquierdo).

Fuentes
font-family:"Times New Roman",Serif;
Este texto está escrito con la fuente Serif.
font-family:Verdana,Sans-Serif;
Este texto está escrito con la fuente Sans-Serif.
Puede especificar una lista de las fuentes que pueden seleccionarse. Si la primera opción no está disponible en el ordenador del usuario que lee su blog, se utilizará la siguiente y así sucesivamente. Si se especifica "Serif", se utilizará cualquier fuente Serif disponible.

font-size:24px;
Este texto tiene una altura de 24 píxeles.
Las unidades de tamaño pueden ser píxeles (px), puntos (pt), pulgadas (in) o un porcentaje del tamaño predeterminado (%).
font-weight:bold;
Este texto está escrito en negrita.
Las opciones son negrita y normal.

text-decoration:underline;
Este texto está subrayado.
La decoración del texto puede definirse en none (ninguna), underline (subrayado), overline (suprarrayado) o line-through (tachar). Esta última opción suele utilizarse para eliminar el subrayado de los vínculos.
text-align:right;
Este texto está alineado a la derecha.
La alineación puede definirse en left (izquierda), right (derecha) o justify (justificada).

Márgenes y relleno
margin:15px;
Este texto se encuentra dentro de un margen de 15 píxeles.
padding:15px;
Este texto se encuentra dentro de un relleno de 15 píxeles.
Tanto el margen como el relleno especifican el espacio que se dejará alrededor de un texto o una imagen. La diferencia es que el margen se encuentra fuera del borde y el relleno, dentro (este borde es sólo un ejemplo).Igual que con el borde, puede especificar los lados individualmente con margin-left (margen izquierdo), padding-top (relleno superior), etc. También puede definirlos todos a la vez con margin:1px 2px 3px 4px;, donde el orden es top (superior), right (derecho), bottom (inferior) y left (izquierdo).

Notas:también puede utilizar estilos integrados si desea aplicar un formato directamente en una parte de texto específica de una entrada. Éste es el formato que debe utilizar:Este texto aparecerá en color rojo.

¿Cómo puedo cambiar los colores o las fuentes de mi plantilla?

Los colores y las fuentes de las plantillas de Blogger se controlan mediante las declaraciones CSS que aparecen en la parte superior de dichas plantillas. ColorMatch 5K es una buena aplicación de selección de colores. Encontrará más información en WebReference.
A continuación le ofrecemos una rápida demostración de lo fácil que resulta cambiar el aspecto de su blog:
En primer lugar, vaya a su plantilla principal (Plantilla Plantilla principal) y busque el elemento cuyo aspecto desea cambiar. En este ejemplo nos centraremos en la cabecera de fecha:
¿Ve los códigos h3 y h3? Están definidos en la parte superior de la plantilla, en la hoja CSS. Desplácese hasta el principio de la lista, busque esta línea:
y edítela:
En este caso, hemos cambiado el color del texto a azul. Si desea reducir o ampliar dicho texto, puede cambiar la parte del código que indica font-size:105%;. Si prefiere utilizar una fuente distinta, especifique font-family:Times, Serif; u otro tipo.
Para ver el efecto de los cambios en el blog una vez publicado, haga clic en el botón "Vista preliminar":
Cuando la plantilla tenga el aspecto que desea, haga clic en "Guardar valores". Asegúrese de volver a publicar su blog para ver los cambios en su sitio.
La CSS define todos los elementos del aspecto del blog, incluidos, entre otros, el color del fondo y de los vínculos, así como las fuentes. Consulte este artículo para ver más ejemplos: ¿Qué más puedo hacer con CSS?
¡Diviértase!

Ejercicio de edición de vínculos

Muchas de las plantillas predeterminadas de Blogger ya incluyen una sección de vínculos. Para verla, acceda a su blog y, a continuación, haga clic en la pestaña Plantilla. Desplácese por el código hasta que vea algo parecido a esto en la sección de la columna lateral:

Vínculos

• Google Noticias


• Edíteme


• Edíteme

Verá que ya existen unos cuantos vínculos para que pueda empezar. Puede suprimirlos o editarlos como desee, y también puede añadir todos los vínculos adicionales que quiera.
Si tiene una plantilla sin la sección de vínculos, basta con que copie el código anterior y lo pegue en su plantilla. Le recomendamos que lo coloque en la columna lateral, junto a la lista de archivos o de entradas anteriores.
Para modificar un vínculo, pegue su URL en lugar de "http://EDÍTEME" en el ejemplo anterior, o en lugar de alguno de los vínculos predeterminados que vienen con la plantilla. A continuación, cambie el texto "Edíteme" por el que desea que aparezca en su blog. Para finalizar, guarde los cambios y vuelva a publicar el blog.

Presentación trabajo Acrobat

Sólo recordaros que la presentación de los trabajos deberán ser hechas en PDF, valorándose los siguientes parámetros:

1.- Contenido
2.- Presentación
3.- Características Técnicas del PDF

Los grupos deberán presentar el boceto del trabajo en los primeros días de diciembre.

Cuánto factura You Tube

Julio Alonso nos comenta en su blog Merodeando por la enredadera un tema de actualidad: la facturación de You Tube.