Poner caja para resaltar conetenido

Si queremos crear una entrada donde necesitamos poner una caja para resaltar  contenido sin que esto haga mas pesado o lento nuestro blog, con un simple código podemos hacerlo, esto aplica tanto como para Blogger como para WordPress.

   En caso de que queramos poner caja para resaltar contenido  en Woedpress.El siguiente código  lo colocamos en la parte que nos indica Text en nuestra entrada:

<div style=”background-color: #17B7DA; text-align: centerborder: 2px solid #a991af; padding:5px; “>
Este es el texto que queremos meter en la caja de contenido</div>

El primer div nos dice que color queremos en el fondo del contenido de la caja.

Luego tenemos la alineación en este caso es center/centro, podemos reemplazar por left/izquierda si queremos que este del lado izquierdo y si lo que deseamos que este del lado derecho lo reemplazamos por right/derecha.

Siguiente tenemos el tipo de border/borde recomiendo este de 2px para hacerlo mas elegante si prefieren un borde mas grueso solo reemplazan el numero por uno mayor.

El código solid  se refiere al tipo de diseño que queremos en nuestro borde podemos darle otros con solo reemplazar por el código del tipo de borde que deseamos.

Luego tenemos el color de fondo de la caja a991af  en caso de no querer este color, simplemente buscamos el color HTML que deseamos y reemplazamos ese código cambiado por el de nuestro color de preferencia.

Lo ultimo de nuestro código es para que no quede el texto pegado al borde de la caja.

Reemplazamos el texto por lo que deseamos colocar.

Al final y para que todo quede bien no debemos colocar el cierre /div .

Para que quede asi:

Caja de contenido resaltado en wordpress

 

   En caso de que queramos poner caja para resaltar contenido  en Blogger nos dirigimos a la pestaña HTML que se encuentra en la pagina donde se crea la entrada individual y colocamos el código:

<div style=”background-color: #17B7DA; text-align: centerborder: 2px solid #a991af; padding:5px; “>
Este es el texto que queremos meter en la caja de contenido</div>

 

Puedes ver el ejemplo directamente en Blogger  pulsando aquí.

Utilizaremos el mismo código, ya sea en Blogger o WordPress ya que funciona igual y sin ningún problema para poner una caja para resaltar contenido a nuestro gusto. Y podemos hacerlo cuantas veces queramos en una misma entrada sin problemas.

2 Comments on Poner caja para resaltar conetenido

  1. Gracias. de verdad necesitaba saber como resaltar el contenido de mis entradas pero no conocia el codigo necesaria, buen blog

Leave a comment

Your email address will not be published.


*


Follow

Get every new post delivered to your Inbox

Join other followers