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.
- Hemos finalizado! El resultado es muy bonito ♥
No hay comentarios: