Los separadores entre posts (dividers) hacen que se delimite el área visual entre cada post lo cual lo hace más presentable y organizado.
Poner el separador es de lo más sencillo, sólo entra en Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:
Justo debajo de ella pega lo siguiente:
Sólo cambia lo que está en rojo por la URL de la imagen de tu separador. Así se simple tendrás unseparador de entradas en tu blog.
En Smashing Magazine tienen más de 100 separadores que ponen a tu disposición de muchos diseñadores y que son de uso libre. Puedes escoger el que más te guste y guardarlo o puedes descargar el pack con todos los diseños de los separadores.
Si no te convencen las imágenes y te gustan los diseños más simples puedes optar por poner una línea de color; para ello puedes usar el atributo <hr /> al cual se le pueden agregar estilos para hacerlos más llamativos.
Si te decides por esta forma entonces el código que deberás pegar será este:
En background:#000000; puedes modificar el código del color que prefieras, en height:5px; la altura de la línea (en pixeles) y en width:60%; el ancho de la línea (en porcentaje).
Estos son algunos ejemplos de los separadores con distintos colores:
Imprimir artículo
Poner el separador es de lo más sencillo, sólo entra en Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:
<b:include data='post' name='post'/>
Justo debajo de ella pega lo siguiente:
<center><img src='URL de la imagen'/></center>
Sólo cambia lo que está en rojo por la URL de la imagen de tu separador. Así se simple tendrás unseparador de entradas en tu blog.
En Smashing Magazine tienen más de 100 separadores que ponen a tu disposición de muchos diseñadores y que son de uso libre. Puedes escoger el que más te guste y guardarlo o puedes descargar el pack con todos los diseños de los separadores.
Si no te convencen las imágenes y te gustan los diseños más simples puedes optar por poner una línea de color; para ello puedes usar el atributo <hr /> al cual se le pueden agregar estilos para hacerlos más llamativos.
Si te decides por esta forma entonces el código que deberás pegar será este:
<hr style="align:center; background:#000000; border:0px; height:5px; width:60%;" />
En background:#000000; puedes modificar el código del color que prefieras, en height:5px; la altura de la línea (en pixeles) y en width:60%; el ancho de la línea (en porcentaje).
Estos son algunos ejemplos de los separadores con distintos colores:
<hr style="align:center; background:#0080FF; border:0px; height:5px; width:60%;" />
<hr style="align:center; background:#FF0080; border:0px; height:5px; width:60%;" />
<hr style="align:center; background:#FFFF00; border:0px; height:5px; width:60%;" />
No hay comentarios:
Publicar un comentario