entradas

Personalizar cuadros de texto - Entradas blogger

cita

Colocar comillas a los textos de las entradas

blog

Personalizar gadget de entradas populares

blog

Diseñar separadores para las entradas del blogger

Mostrando las entradas con la etiqueta entradas. Mostrar todas las entradas
Mostrando las entradas con la etiqueta entradas. Mostrar todas las entradas

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

20.1.16

Colocar comillas a los textos de las entradas

¡Hola! Bonito día, ya estoy por acá con otro tutorial para poner más bonitos y vistosos los textos de nuestros post. Ahora les voy a enseñar cómo personalizar el texto que va dentro de una Cita (colocarlo entre comillas) en blogger, este post me lo sugirió mi compañera bloguera +Sandra Ruiz y así que manos a la obra. El lunes publique un tutorial de cómo cambiar de color al texto en nuestros post y cambiar el tipo de letra por si se lo perdieron y quieren ir a verlo.

Share to Facebook Share to Pinterest

31.5.15

Personalizar gadget de entradas populares

Hola amigos! Bonita semana para todos, en el tutorial de hoy vamos aprender a personalizar el gadget de post populares de blogger, son 4 ejemplos: en el ejemplo #1 y #2 tiene efecto hover, el cual cambia de color cada cuadro cuando pasamos el puntero del mouse sobre él.
Para colocarlos vamos al css del blog y pegamos el código modificando todas las variables a nuestro gusto, las lineas del código tiene una corta explicación para saber qué acción es la que realizan.

Share to Facebook Share to Pinterest

9.2.15

Diseñar separadores para las entradas del blogger


Hola, hola ♥
Que tal están amigos? espero que muy bien y muy bendecidos. Gracias a Dios por una nueva semana que nos da :D
Iniciamos esta linda semana con un tutorial muy, muy fácil pero muy resulton a la hora de diseñar separadores de entradas para nuestro blogs. Este tutorial va dedicado a todos mis alumnos de la Escuelita Virtual ya que vamos por la cuarta clase y esta guía es ideal para los temas que estamos viendo. 
Asi que sin más vamos al tutorial.

1. Vamos a PicMonkey y damos clic en Desing → luego clic en Custom



Escribimos la medidas que va a llevar nuestro separador, yo utilizo 700 x 25 pero pueden usar las medidas que quieran, damos clic en → Make it!


2. Vemos que al lado izquierdo aparece un cuadro de → Canvas Color, damos un clic en → Transparent Canvas y asi vamos a lograr que nuestro separador sea transparente ( esta parte es opcional , si tu blog es de fondo blanco puedes diseñar tu separador en un fondo blanco)


3. Ahora viene lo divertido, iniciamos a diseñar nuestro separadores. PicMonkey nos ofrece varias cositas bonitas para hacer este tipo de separadores, corazones, lineas, flores....





Solo es cuestión de usar nuestra imaginación  y creatividad de seguro salen diseños muy chulos ♥
  • * Cuando esten por guardar su separador recuerden hacerlo siempre en formato PNG asi la resolución sera mucho mejor y este formato permite imágenes con fondos transparentes.
  •  * Recuerden que pueden usar varios elementos fuera de PicMonkey dando clic en → Your Own


























A que fue muy fácil y divertido ? a mi me encanta hacer este tipo de cositas :D ... Disfruto mucho hacer tutoriales cuando ando inspirada....
Y ustedes se animan y hacen sus propios diseños? Si se animan me los mandan por correo y los colocó en este post ♥

Les dejo acá los tutoriales anteriores que hemos realizado en PicMonkey


Felicidades a la ganadora del Diseño de blog de moda y belleza


Share to Facebook Share to Pinterest