about me

Cómo hacer foto de perfil "sobre mi" redondo

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

9.10.14

Cómo hacer foto de perfil "sobre mi" redondo


Para hacer este tutorial debes de tener en tu blog el gadget de perfil

Paso 1:  vamos a nuestro panel de blogger plantilla editar HTML
Paso 2: Clic en los puntos suspensivos donde dice  <b:skin>… </b:skin>
Paso 3: buscar:  .post-body img  (presionar la tecla Ctrl y F al mismo tiempo, se abrira del lado derecho una cajita de búsqueda)
Paso 4: Aparecerá marcado dos veces con amarillo, borrar todo, como se ve en la siguiente imagen.











Paso 5: Luego de borrar el código anterior pegar este código

/* Perfil  redondo
----------------------------------------------- */
.widget.Profile .widget-content>a img.profile-img {
float: center;
min-width: 100px!important;
min-height: 100px!important;
max-width: 100px;
border-radius: 100px;
float: center;
}
.widget.Profile {
text-align: center;
float: center;
margin: auto;
}
/* perfil redondo
----------------------------------------------- */

Paso 6: guardar plantilla
 Hacer mas grande la imagen: solo se deben de cambiar los valores  que coloque de color rojo. En todos tiene que tener el mismo valor.
*Este código esta en http://www.everylittlepolish.com/

  • Hemos finalizado! El resultado es muy bonito ♥ 

  • Y ustedes lo van a usar en su blog? yo no me resisti y lo estoy usando! Me ha gustado el resultado!!




Share to Facebook Share to Pinterest