TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN

Poner separador de entradas

Si queremos separar las entradas en nuestro blog, y que queden bien delimitadas, tenemos la opción de ponerle un marco a la entrada , o bien colocar entre ellas una línea o una imagen.
Entramos en el diseño de nuestro blog y en edición html , marcamos expandir plantilla de artilugios y buscaremos el siguiente código:

<b:include data='post' name='post'/>
Si deseamos poner una imagen, justo después del código anterior pegaremos:

<center><img src='URL de la imagen'/></center>

Hay que sustituir lo escrito en rojo por la url de nuestra imagen, la que deseemos figure como separador del post.
En Smashing Magazine hay más de 100 separadores que son de uso libre.

Si lo que deseas es poner una línea en vez de una imagen, como la que hay en el separador de gadgets de este blog, entonces el código a insertar sería:

<hr style="align:center; background:#000000; border:0px; height:5px; width:60%;" />

Donde align:center es para centrar la línea dentro del ancho de la entrada, background:#000000 para el color, en este caso sería negro, si deseamos cambiarlo recomiendo ver la tabla de códigos hexadecimales. En height:5px; width:60%, para el el alto de la linea y el ancho respecto a la caja contenedora de la entrada.

También se pueden poner separadores de  gadgets y marcos a gadgets.

0 comentarios:

Entradas populares

Colaboro En:

textoalternativo textoalternativo textoalternativo

Atención

Los comentarios serán publicados una vez hayan sido moderados, disculpen las molestias.

Este blog es informativo y de caracter educativo, el administrador del mismo no se responsabiliza del uso fraudulento o ilegal que otras personas hagan del contenido publicado en él.

Así mismo si alguien cree que se vulnera algún derecho se ruega ponerlo en conocimiento para que se subsane de forma inmediata.