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

0 comentarios

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

No hay comentarios.:

Publicar un comentario

Gracias por tus comentarios