Poner Líneas Horizontales en las Entradas o en la Sidebar del Blog

Webmaster 29/07/2010

Después de haber visto cómo «Enmarcar textos,o códigos en Blogger«, hoy nos toca ver cómo poner líneas horizontales en los post o en la sidebar del blog.

1.- Las líneas orizontales vienen por defecto centradas y con un sombreado 3-D, pero también podemos quitarle dicho sombreado.

<hr width=»85%»> : Este es el código básico para una línea centrada y con sombreado 3-D.

2.- También puedes cambiarle el tamaño y grosor combinando los atributos y alinearla a la derecha o a la izquierda, veamos cómo hacerlo:

dset>
<hr size=»3″ align=»right» width=40%> : Linea con 3 pixeles de alto, alineado a la derecha y un tamaño del 40% de la página.

Si quieres a linearlo a la izquierda cambia (right) por (left) o si quieres centrarlo cambia (right) por (center).

3.- Para quitarle el sombreado 3-D tenemos que añadir la etiqueta (noshade) veamos cómo queda a continuación:

<hr noshade width=85% align=left> : Linea sin sombreado y alineado a la izquierda.

Si quieres a linearlo a la derecha cambia (left) por (right) o si quieres centrarlo cambia (left) por (center).

4.- Ahora le agregaremos color a las líneas horizontales, para que podamos combinar con los colores de nuestra plantilla. Veamos el código y su ejemplo:

<hr size=10 width=90% color=»#FF8000″> : Linea con altura del 10%, tamaño 90% y con color.

5.- Por último veamos como podemos ponerle color y alineado.

<hr size=»10″ align=»right» width=90% color=»#FF8000«> : Linea con un alineado a la derecha.

Si quieres cambiarle de color cambia lo que está en azul por el código hexadecimal del color que más te guste, aqui les dejo las lista de los 140 colores hexadecimales existentes. Copia el código de la línea horizontal y pégalo en tu entrada en «Edición de HTML» no en Redactar.