Tutorial Blogger: Cómo resaltar el texto de una entrada con una caja





Hay muchas formas de hacer cajas, pero yo os enseñaré la más sencilla de hacer.



♥ En este proceso solo necesitamos utilizar el código Html de nuestra página de entrada.





Hacer la caja directamente en el código HTML de la entrada


Cuando estemos en la entrada, cambiamos a vista HTML, localizamos el texto que queremos meter en la cajita y hacemos lo siguiente: 




<div style="background-color: #edfffa; text-align: centerborder: 2px solid #b991af; padding:5px; ">
Aquí va el texto que metemos en la cajita</div>


Lo teneís que personalizar y ya está, ¡Es muy fácil! 

Las letras que salen de color azul son el tipo de color, el primero es el color de fondo, y el segundo es el color de el borde. 

El center, es como se centra el texto que está dentro de la cajita, lo podemos cambiar por left (izquierda) o lo podemos cambiar por right. 

Dspués tenemos el dos de color verde, es el grosor del borde, si no queréis borde poner 0.

Solid es el tipo de línea que hay:

Solid                                                            
Dotted.........................................................
Dashed-------------------------------------
Double_____________________________


Nos quedaría algo así:


Aquí va el texto que metemos en la cajita




¡Espero que os haya gustado! Yo a partir de este momento lo voy a usar bastante :D



Ah, y en caso de que os haya gustado, no os olvidéis de compartir :)



Besotes!

13 comentarios:

  1. Holaaa! Me ha encantado esta entrada, justo buscaba esto!

    ResponderEliminar
  2. Muy bueno :) que bueno que hayan personas dispuestas a ayudar a las que todavía no saben mucho de blogger, al final, todos fuimos nuevos alguna vez :)

    ResponderEliminar
    Respuestas
    1. Muchisimas gracias! A las bloggeras siempre les alegra recibir comentarios como este, y yo aún me alegro más! :D. ¡Muchisimas gracias! :D

      Eliminar
  3. Están muy buenos los tutoriales, no me canso de decirlo, gracias por compartir, en serio, saludos! Ya se vienen pruebas con esto en mi blog! ^^

    ResponderEliminar
  4. Excelente, justo lo que buscaba.

    ResponderEliminar
  5. Excelente, justo lo que buscaba.

    ResponderEliminar
  6. ¡Hola! Justo buscaba un tutorial como este para mi blog de reseñas y he dado con otro blog en el que también hay reseñas además de tutoriales. Me ha servido de mucho y me ha encantado tu blog, así que me quedo por aquí. Gracias por la ayuda :)

    Nos leemos :)

    ResponderEliminar
  7. Es precisamente lo que buscaba, y todo muy bien explicado. Ya lo estoy aplicando en mi blog. Gracias por tu ayuda. Un abrazo!!

    ResponderEliminar
  8. ¡Hola! Tengo un pequeño problema, y es que he puesto el cuadro y al principio todo muy bien pero ahora no se como quitarlo.

    Me explico: quiero hacer una reseña y encuadrar SOLO la sinopsis, y eso es lo que he hecho, el problema es que no me deja cortar el cuadro y cuando escribo algo se alarga más y más. ¿Cómo se corta este? No se si me he explicado bien.

    ResponderEliminar
  9. Hola! acabo de conocerte y creo que te amo jajaj ya te sigo! Me encantan tus tutoriales para blog!

    ResponderEliminar

¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥ :$

Post nuevo Post antiguo Home