Personalizar cuadros de texto - Entradas blogger

19.2.17

¡Hola! 

Qué alegría estar por acá y compartir un tutorial con todos :) este tutorial es super facilito y muy resultón, vamos a aprender a personalizar cuadros de texto dentro de nuestras entradas de blogger.

Lo primero que debemos de hacer es redactar nuestro post de forma normal, cuando necesitemos ingresar un párrafo con recuadro seguimos estos pasos:

1. Copiar el código que más nos guste
2. Ir a la pestaña de HTML (esta la encontramos en la parte superior izquierda del redactor de post)
3. Pegar el código que habiamos copiado en el paso #1
4. Borrar el texto donde dice "EscribirTextoAquí" y escribe tú el texto que quieras
5. Luego de escribir el texto debes de regresar a la pestaña REDACTAR y seguir escribiendo tu post con normalidad.


1. 


 <div style="border-color: #67dab6; border-style: outset; border-width:15px; padding: 10px;"> EscribirTextoAquí </div>




2.


  <div style="border-color: #67dab6; border-style: dotted; padding: 10px;"> EscribirTextoAquí </div>



3.


<div style="border-style: solid; border-width: 1px 8px 15px 3px; padding: 15px;"> EscribirTextoAquí </div>


4.

  <div style=" border-style: solid; padding: 18px;"> EscribirTextoAquí </div>


5.

 <div style="border-color:#67dab6; border-style: solid; padding:  10px;"> EscribirTextoAquí </div>

más post bonitos que de seguro te van a interesar

6 comentarios

  1. Me gustaría incorporar a alguno de mis post un cuadro, a modo de índice, cuyo contenido se pueda ocultar además cuando pinchen en la palabra "ocultar". ¿Cómo se puede hacer?

    ResponderBorrar
  2. Como siempre es una gozada visitarte, Wendy. Echo de menos un buscador en tu sitio. Es verdad que el índice de tutoriales y freebies ayuda bastante en ese sentido, pero faltan entradas, como ésta, por ejemplo, que son difíciles de encontrar.
    Un millón de gracias.

    ResponderBorrar
    Respuestas
    1. ¡Hola Rebeca! Tienes razón, ahora mismo voy a colocar un buscador :)
      Gracias por visitar el blog, aunque ya tiene tiempo que no publico nada porque estoy en mi tienda online pero me alegra muchísimo saber que es útil para varias personas. Abrazos

      Borrar
    2. Eres un encanto... Gracias por toda la ayuda que nos ofreces. ;-)

      Borrar
  3. Eres un encanto... Gracias por toda la ayuda que nos ofreces. ;-)

    ResponderBorrar
  4. Una entrada genial, estaba buscando como hacer recuadros y he dado con tu blog. ¡Muchas gracias!!

    ResponderBorrar

Gracias por tus comentarios

19.2.17

Personalizar cuadros de texto - Entradas blogger

¡Hola! 
Qué alegría estar por acá y compartir un tutorial con todos :) este tutorial es super facilito y muy resultón, vamos a aprender a personalizar cuadros de texto dentro de nuestras entradas de blogger.

Lo primero que debemos de hacer es redactar nuestro post de forma normal, cuando necesitemos ingresar un párrafo con recuadro seguimos estos pasos:

1. Copiar el código que más nos guste
2. Ir a la pestaña de HTML (esta la encontramos en la parte superior izquierda del redactor de post)
3. Pegar el código que habiamos copiado en el paso #1
4. Borrar el texto donde dice "EscribirTextoAquí" y escribe tú el texto que quieras
5. Luego de escribir el texto debes de regresar a la pestaña REDACTAR y seguir escribiendo tu post con normalidad.


1. 


 <div style="border-color: #67dab6; border-style: outset; border-width:15px; padding: 10px;"> EscribirTextoAquí </div>




2.


  <div style="border-color: #67dab6; border-style: dotted; padding: 10px;"> EscribirTextoAquí </div>



3.


<div style="border-style: solid; border-width: 1px 8px 15px 3px; padding: 15px;"> EscribirTextoAquí </div>


4.

  <div style=" border-style: solid; padding: 18px;"> EscribirTextoAquí </div>


5.

 <div style="border-color:#67dab6; border-style: solid; padding:  10px;"> EscribirTextoAquí </div>
Share to Facebook Share to Pinterest

6 comentarios:

  1. Me gustaría incorporar a alguno de mis post un cuadro, a modo de índice, cuyo contenido se pueda ocultar además cuando pinchen en la palabra "ocultar". ¿Cómo se puede hacer?

    ResponderBorrar
  2. Como siempre es una gozada visitarte, Wendy. Echo de menos un buscador en tu sitio. Es verdad que el índice de tutoriales y freebies ayuda bastante en ese sentido, pero faltan entradas, como ésta, por ejemplo, que son difíciles de encontrar.
    Un millón de gracias.

    ResponderBorrar
    Respuestas
    1. ¡Hola Rebeca! Tienes razón, ahora mismo voy a colocar un buscador :)
      Gracias por visitar el blog, aunque ya tiene tiempo que no publico nada porque estoy en mi tienda online pero me alegra muchísimo saber que es útil para varias personas. Abrazos

      Borrar
    2. Eres un encanto... Gracias por toda la ayuda que nos ofreces. ;-)

      Borrar
  3. Eres un encanto... Gracias por toda la ayuda que nos ofreces. ;-)

    ResponderBorrar
  4. Una entrada genial, estaba buscando como hacer recuadros y he dado con tu blog. ¡Muchas gracias!!

    ResponderBorrar

Gracias por tus comentarios