Perfil en Blogger

Si hemos elegido colocar nuestro perfil en el blog para compartirlo con nuestros visitantes, podemos optar por hacerle unos sencillos cambios que nos ayuden a personalizarlo.


Fácilmente podríamos, por ejemplo, modificar nuestra imagen del perfil: el tamaño, borde, distancia al marco, posición...
Buscamos este código en nuestra plantilla-HTML:


.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}


Si añadimos justo debajo de .profile-img { estas líneas de código, podremos controlar el tamaño de nuestra imagen del perfil, modificando el valor numérico en px:

width:50px;
height:40px;


Para modificar la distancia de la imagen al borde, modificaremos el valor en
padding: 4px;


Podemos eliminar el marco o borde de la imagen poniendo el valor 0 en border: 1px solid $bordercolor; si,por el contario, queremos el borde más grueso, aumentaremos ese valor.
Si cambiamos solid por dashed el borde se verá "punteado".

Para centrar la imagen en la sidebar, cambiamos el float: left; por float: center;

Tampoco es difícil eliminar el "Ver todo mi perfil" que aparece al lado de la foto.
Vamos a plantilla-html y después de expandir artilugios, buscamos esto en la plantilla:

<!-- normal blog profile -->

Unas líneas mas abajo veremos esta línea de código, la eliminamos y listo:

<a class='profile-link'expr:href='data:userUrl'><data:viewProfileMsg/></a>