como poner separadores entre las entradas
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 Plantilla | Edición de HTML, 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 un separador 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