Viernes, Agosto 17th, 2007

Como crear una plantilla para Blogger – Segunda parte: Temática y estilo.

Si es la primera vez que visitas este sitio, no olvides suscribirte al feed RSS o participar como blogger invitado. Gracias por tu visita!

plantillaparablogger1Siempre hablo sobre la importancia de elegir una temática concreta a la hora de crear un blog, en función de las expectativas, inquietudes y necesidades que el usuario tiene de cara al futuro para asegurar la subsistencia de la página en la red. En este caso ocurre exactamente lo mismo, ya que lo ideal es que el estilo de la plantilla se adapte con total armonía a la temática del blog y también a las características propias de su audiencia, como la edad o la ocupación. Por ejemplo, si tu blog trata sobre video juegos online multi-jugador y tu audiencia tiene una edad comprendida entre los 14 y los 25 años, tendrás que crear una plantilla con un estilo juvenil, con colores llamativos e imágenes impactantes, con mucho espacio para incluir más contenido, etc.

Estilo.

Si ya tienes claro cual será el tema principal de tu blog, puedes empezar con un boceto en Photoshop o en su defecto con el lápiz y papel de toda la vida, en el que establecer la estructura de la página, es decir, el tamaño de cada uno de sus elementos (cabecera, posts, columnas, pie de página), el número de columnas que necesitas, la disposición de las imágenes y vídeos en su caso, etc. Recuerda que también es importante dejar algunos espacios en blanco para evitar saturar la vista de tus visitantes. Llenar todo el espacio de contenido no implica que el usuario vaya a hacer uso de él más a menudo.

En segundo lugar, necesitas darle color a todos esos artilugios que componen tu plantilla y personalizar el título de la página con una sensacional imagen de fondo que atraiga a tus lectores y con la que te sientas identificado. En las webs Daily Color Scheme y Colour Lovers (recomendado) puedes elegir la paleta de colores que más te guste para utilizarla en tu diseño. Hay infinitas combinaciones de colores posibles, por lo que no te resultará difícil encontrar lo que buscas.

En esta entrada puedes encontrar cientos de fuentes, colores e imágenes gratuitas para utilizar como fondo del título en el header, aunque si lo que quieres es darle un toque al estilo web 2.0 te aconsejo que descargues esta colección de 130 gradientes de Deziner Folio, listos para usar en Photoshop. Sólo tienes que crear una imagen, seleccionar la herramienta bote de pintura, aplicarla y elegir un estilo cualquiera (ventana de color, muestras y estilos).

Distribución.

Ahora que ya tienes tu propio header y has determinado tu paleta de colores, es importante que hagas una distribución adecuada entre los distintos elementos de la página para procurar conseguir una armonía perfecta en su totalidad: contrastar el color de la fuente con el fondo de los posts, widgets o títulos, combinar colores semejantes (fríos o cálidos), etc. Si las dimensiones de tu plantilla no alcanzan la totalidad del ancho de página, puede que también necesites añadir una imagen o un color de fondo específico. En este caso es preferible que se trate de una imagen de menor tamaño y que se repita a lo ancho y alto de la página utilizando el atributo “repeat-xy” en la etiqueta “#background” del código CSS. Los diseños de rayas o stripes son una buena opción a tener en cuenta, ya que son muy fáciles de hacer y le dan un al sitio un toque de elegancia único. Si no te llevas muy bien con el Photoshop, puedes generar tus diseños de forma automática en Stripegenerator.com.

Puedes compartir tus inquietudes, experiencias, dudas o sugerencias sobre el tema dejando un comentario.

Resto de capítulos:

Recibe las actualzaciones del blog suscribiéndote al feed RSS de Zona Cerebral!

11 Comentarios

Febrero 26, 2008

En este articulo hace falta un menu al final del post para el capitulo anterior y los capitulos siguientes.


Febrero 26, 2008

Tienes toda la razón Adrian. A ver si encuentro un hueco y lo hago, al igual que lo hice con el último y el primer capítulo de la serie. Un saludo y gracias por la sugerencia amigo ;)


Marzo 6, 2008
vanesa

:smile: la informacio que me suministraro fue de mucha utilidad y por eso quisiera bajar la planilla para poder utilizarla


Abril 3, 2008
ESTELA

:lol: gracias, gracias y 1000 gracias


Diciembre 14, 2008

jeje el principio me confie, pero la verdad es que es algo complicado.
Como se los valores de la imagen que deseo poner?
Creo que no lei, lo suficiente. Deja releer.


Febrero 1, 2009

nu emtemdiii nahhhdahhh :cry: :roll: :roll: :roll: :cry: :cry:


Febrero 7, 2009

mmm… tengo una duda :?: , yo solo quiero cambiar el fondo de mi blog, poner una imagen de fondo :lol: , pero no entiendo como… :cry:
saludos! :razz: :razz:


Febrero 7, 2009

Hola! Te dejo el enlace a un post que escribí hace tiempo sobre como cambiar la imagen de fondo en Blogger:

http://zonacerebral.com/2007/04/como-cambiar-el-fondo-del-blog-en-blogger.html

Espero que te sirva de ayuda ;)

Saludos!


Febrero 8, 2009

Hola muchas graia spor contestar tan rápido! Qué buen servicio jaja! :lol: :lol:

el caso es que después de dejar el comentario estuve curioseando más por tu blog y al final dí con lo que quería :grin:

Muchas gracias, tu blog me ha servido de mucha ayuda! ^^

Que pases un buen fin de semanaaa!! :lol: :lol:


Trackback