Cargando...

Guía para blogueros literarios principiantes (3): Plantillas


¡Hola soñadores!

La entrada de hoy de la Guía para blogueros literarios principiantes trata sobre las plantillas. Os daré cuatro claves básicas y ya iré ampliando el contenido porqué hay muchísimo que decir. Esto es solo una primera aproximación a las plantillas.

¿Por qué es importante la plantilla?


La imagen de vuestro blog es la primera impresión que el lector recibe de vuestro espacio. Es importante que refleje lo mejor posible vuestra personalidad o el contenido del blog, pero es importante que cumpla estos requisitos:
  1. No tiene que ser oscura: Cansa la vista y si además es letra blanca sobre fondo negro peor me lo pones. Hay manuales sobre colores para webs y cuáles son los más apropiados para cada tipo de espacio, pero al ser un blog se admite casi cualquier color salvo tonos muy oscuros (marrones, negros…)
  2. Tiene que gustaros: Os pasareis muchas horas delante del ordenador creando contenidos y viendo comentarios ¿a más bonito mejor no?


Plantilla descargada o personalizada


Aquí ya depende de vuestro nivel y de las ganas que tengáis de invertir tiempo en la plantilla. Siempre es mejor que la hagáis vosotros mismos porqué será más personal, pero si no os atrevéis o veis que no podréis hacerlo es mejor optar por una plantilla que ya esté confeccionada. Hay miles de ellas, para todos los gustos, y las podéis encontrar fácilmente haciendo una búsqueda en blogger con las palabras “blogger templates”. 
Estas plantillas se pueden modificar además si tenemos conocimientos de html y CSS pero ya te proporcionan una base sobre la que trabajar.

Algunas webs donde podréis encontrar plantillas son:


El mecanismo para subir una plantilla es muy sencillo. Hay que seguir estos pasos:

1-     1- Guardar la plantilla que tengamos (MUY IMPORTANTE). Así siempre podremos volver a colocar lo que ya teníamos. Para ello seguiremos ésta ruta dentro de nuestro panel de blogger:

Diseño/Edición de HTML/ Descargar plantilla completa

La guardáis donde más os guste (como si la queréis poner en el escritorio) y ya podéis trabajar con tranquilidad.

2- Cargar la nueva plantilla: En la misma ruta veréis que hay una opción justo debajo de la de guardar la plantilla que es la de “Carga una plantilla desde un archivo de tu disco duro”. 

Seleccionáis el archivo que habéis descargado que tiene que tener la extensión .xml y le dais a subir. Probablemente os saldrá un mensaje de advertencia de que la plantilla actual tiene o no tiene algunos de los widgets que se están subiendo. Aquí no os puedo ayudar, vosotros mismos deberéis escoger si mantenerlos o no.

Y eso es todo. Si guardáis los cambios ya tendréis vuestra nueva plantilla en el blog ¿fácil no?

Como hacer una plantilla personalizada


Esta labor ya requiere conocimientos avanzados de algunos programas como por ejemplo de Photoshop, dependiendo del nivel de personalización. Reconozco que odio a PS y el me odia a mí, así que si necesitáis hacer alguna cosa especial, encontrareis miles de manuales en la red que os servirán de más ayuda que yo :P

Pero básicamente se deben hacer los siguientes elementos gráficos:
  1. Cabecera de vuestro blog
  2. Fondo (que puede ser un patrón)
  3. Banner para que os enlacen

Vayamos por partes…

La cabecera del blog


El diseño es super personal así que os hablaré de las dimensiones y de cómo colocarla.

En primer lugar, si estamos personalizando tenemos que saber cuáles serán las dimensiones de nuestro blog. Yo suelo partir de una plantilla predeterminada de blogger (que es la que tendréis que escoger por defecto al crear el blog). Para personalizarla deberéis entrar a:

Diseño/Diseñador de plantillas

Os aparecerá algo similar a esto si entráis en la opción “Ajustar ancho”. La cabecera debería ocupar el total del ancho del blog, en éste caso 1000px, con lo que ya sabemos que debemos crear una imagen de ese ancho y del alto que nos apetezca.



Una vez creada y acorde a los colores escogidos, deberemos ir a la opción:

Diseño/Elementos de página y clicar en la cabecera (el primer elemento que aparece arriba) y obtendréis algo como esto:



Como veréis yo ya la tengo subida, pero os permitirá subir una de forma fácil en caso de que no lo hayais hecho anteriormente, o eliminar la que hay para colocar otra. Guardamos como siempre y cabecera subidita.

Fondo


El fondo es un elemento extraño y teneis que tener en cuanta un aspectos muy importante: las resoluciones de pantalla de vuestros lectores.

Dependiendo de la resolución de pantalla, un fondo que os encaja a vosotros a las mil maravillas, a otro le puede quedar desplazado, no verse entero o similar. Blogger aconseja una resolución enorme de fondo para evitar que se os corte, podeis también usar uno de los predeterminados o… usar un patrón.

Si no teneis mucha experiencia os aconsejo una de las dos últimas opciones. Encontrareis patrones de todo tipo y color en páginas como esta:

http://patterns.ava7.com/  (Gracias a Olga Lunera que me la sugirió en su día)

El patrón se repite ocupando toda la pantalla vacía del lector (es decir el fondo), con lo que nos aseguramos que se verá perfectamente aunque tenga una pantalla de resoluciones titánicas.

Banner


Suele ser una imagen en miniatura de vuestra cabecera pero las dimensiones no deberían exceder los 180px de ancho, ya que la mayoría de blogs tienen columnas de unos 200px. No queráis hacerla muy grande en plan “burro grande ande o no ande” Es un pequeño anuncio de vuestro blog, no un neón :P

El código es el de una imagen normal:


<a href="url de vuestro blog"><img src="url de la imagen" /></a>

Si queréis que este texto se vea y pueda ser copiado, debajo de la imagen teneis que poner un textarea (área de texto)


<textarea><a href="url de vuestro blog"><img src="url de la imagen" /></a></textarea>

Lo idea es que pongáis el banner en una columna dentro de un widget (de lo que hablaré en la siguiente entrega de la guía).

La imagen la podéis alojar en blogger o en una web externa tipo Photobucket (también analizaré pros y contras de estos tipos de alojamiento en posteriores entregas)

Y esto es lo más básico referente a las plantillas. Ya me extenderé en otras entradas porqué sino sería interminable la que estoy escribiendo ahora.

¿Dudas? ¿Preguntas? Os leo ^^

12 comentarios:

  1. Vergüenza debería darme... Mi criaturita no tiene aún una cabecera como es debido ni banner tampoco... Lo he intentado, pero soy nula para el diseño y el manejo de los editores de imágenes Y.Y
    Gracias por el tutorial. Estaba pensando en cambiar la plantilla, y tus recomendaciones me vienen como anillo al dedo :D
    A ver si el próximo finde que tenga libre me puedo dedicar a 'experimentar' xD
    ¡Un beso!

    ResponderEliminar
  2. Te comprendo, yo cada vez que tengo k hacer alguna imagen me tiemblan las manos :P

    Pero poco a poco voy haciendo cosillas. Ya haré un mini tutorial de mi técnica chapucera de hacer cosas con PS XDDDD (Se me da fatal) pero algo me va saliendo.

    Un beso

    ResponderEliminar
  3. Te lo estas currando con las guias =) la verdad que para gente que ahora enpieza con el blog le vendra de maravilla ^^

    Besikos cielote!!

    ResponderEliminar
  4. Gracias por estar haciendo estas guias! Esta me ha ido genial! He podido centrar la imagen de la cabecera (me estaba volviendo loca con ella xDD) y he puesto un banner por si alguien me quiere afiliar!!! ;D

    Te invito a verlo a ver si te gusta: Http://Elblogdew3ndy.blogspot.com

    Saludoooooooooooooosssss

    ResponderEliminar
  5. Hola! Me encanta esta sección, muero por aprender cositas, gracias a tu tutorial he podido hacer un banner en el blog y ya estoy deseando que hagas más! muchísimas gracias!! nos leemos :)

    ResponderEliminar
  6. Me parecen genial estas guías.
    Dentro de lo que cabe yo ya tengo bastante control(exceptuando a la hora de hacer la cabecera o el banner). Pero me hubiera venido muy bien ésta guía para empezar.

    Un besazo!

    ResponderEliminar
  7. Ya me hubiese gustado pillar una guia así cuando empece que me comi la cabeza mucho.. ay..
    Lo que si te digo que yo el primer consejo no lo cumple.. Fondo negro y letra blanca.. esa soy yo xD pero es que no veo el blog con fondo blanco.. ay..aunque si queria intentarlo para el veranito.. veremos si lo consigo ^^ un besin

    ResponderEliminar
  8. Esta sección esta genial, por que habemos algunos que nos se nos da muy bien esto del diseño!!!

    ResponderEliminar
  9. Finally, an issue that I am passionate about. I have looked for information of this caliber for the last several hours. Your site is greatly appreciated.

    ResponderEliminar
  10. Hace poquito que descubrí esta sección y me está sirviendo de gran ayuda. ¿Podrías continuarla, por favor?
    ¡Besos!

    ResponderEliminar
  11. Muchísimas gracias por esta sección, a las que estamos empezando nos viene genial. Voy a intentar aplicar unas cuantas cosillas..

    Gracias de nuevo!

    ResponderEliminar