Hoy les traigo un truco el cual es un div estilo que nos ayudará a ponerle un fondo a cualquier objeto que queramos, puede ser un widget desde diseño ->añadir gadget -> html/javascript, o una entrada en particular del blog.
el truco es en verdad sencillo el código es el siguiente:
<div style=”background-image: url(URL de tu imagen); padding: 5px;”>
Aqui el Contenido
</div>
Deberán cambiar la parte en roja por la imagen que quieran que les sirva de fondo recuerden que el fondo no debe de interferir o ser molestosa a la hora que el visitante quiere leer el artículo.
-------------------------------------------------------------------------------------------------->
En el HTML de una entrada de nuestro blog ponemos este código:
<div style="color: #ffffff; font-family: Courier New, Courier, monospace; text-align: center; background-image: url(URL de la imagen); padding:50px;">
Aquí el Texto de la entrada
</div>
nos quedara así
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec ligula a augue dictum facilisis. Proin eget tellus sed ipsum aliquam lobortis quis vitae quam. Sed lacinia metus erat, sit amet pellentesque tellus tempor sit amet. Donec vulputate eleifend orci, et dapibus sem. Proin orci velit, luctus a vehicula et, tincidunt ac mauris. Donec molestie pharetra nibh a pellentesque. Vivamus vitae varius nisi. Suspendisse id ligula consectetur, cursus lacus non, commodo purus. Curabitur semper sagittis tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus
con este código habremos puesto una imagen de fondo en nuestra entrada de Blogger.
Poner color de fondo en las entradas
En el HTML de una entrada de nuestro blog ponemos este código:
<div style="background:#d9d2e9; padding:10px;">
Aquí el Texto de la entrada
</div>
quedara así
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec ligula a augue dictum facilisis. Proin eget tellus sed ipsum aliquam lobortis quis vitae quam. Sed lacinia metus erat, sit amet pellentesque tellus tempor sit amet. Donec vulputate eleifend orci, et dapibus sem. Proin orci velit, luctus a vehicula et, tincidunt ac mauris. Donec molestie pharetra nibh a pellentesque. Vivamus vitae varius nisi. Suspendisse id ligula consectetur, cursus lacus non, commodo purus. Curabitur semper sagittis tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus
color: color de la fuente.
font-family tipo de fuente.
text-align: alineación del texto.
text-align: alineación del texto.
URL de la imagen: la dirección URL de la imagen a poner.
background: color del fondo.
padding: espacio en pixeles entre el texto de la entrada y los bordes del fondo.
<h1 style="font-size: 24px; font-weight: normal; list-style: none; margin: 30px 0px 0px; padding: 0px;">
ESCRIBE TU TEXTO AQUI-----------------------------></h1>
</div>
