Perfil en Blogger : El Escaparate de Rosa

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:



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>

25 comentarios:

Tango: Hola, no sé como no se me había ocurrido antes algo así. Yo por ejemplo en la parte que añadiste del ancho y el largo en vez de pixeles lo puse en % así automáticamente el "ver todo mi perfil" queda abajo de la foto, aunque en mi caso lo eliminé XD

Saludos

PD: si me visitaste en mi blog no me di cuenta :(; 30/8/07
Anónimo: hola, no funcionó; 19/9/07
Anónimo: Alejo, ¿que exactamente no funcionó?
quiero decir, explica más o menos que hiciste...funcionar,funciona...; 19/9/07
Anónimo: Hola, el cansino otra vez. Yo tengo puesto compartir mi perfil, mi preguanta es si se puede mostrar la foto en el perfil pero no en el blog. Gracias; 26/2/08
Anónimo: Fernando, que exagerado eres :-)
Si has hecho dos preguntillas de nada...

En la parte que controla tu perfil, que será algo como esto:

/* Profile
----------------------------------------------- */

Verás la parte que controla la imagen:
.profile-img {

Justo debajo pegas la "orden" que hace que esta no se vea en el blog, pero si en el perfil:
visibility:hidden;
display:none;; 27/2/08
Anónimo: Siento molestarte otra vez, he probado en poner lo que dices y no funciona, lo he puesto por todos los sitios dentro de donde dices ( te iva a pegar esa parte pero no me deja publicarlo) ya me diras si se puede de otra manera o si hago algo mal. Gracias.; 27/2/08
Anónimo: Fernando, algo haces mal, te lo digo porque si como dices, no te deja pegar el código, es que hay html y no debería haberlo, esa parte es solo css.; 27/2/08
Anónimo: Esto si que es rapidez en contestar. Siento mi ignorancia (46 años)y carpintero, pero no se que es css. No me deja pegar mi codigo en tus comentarios, dice que hay algo mal, pero mi plantilla si funciona.; 27/2/08
Fernando QueenSpain: Rosa, ya lo he conseguido, en un espacio que ponia url:"" he puesto la url dela foto del perfil, entonces en el blog no se ve, debe hacer algo mal y por eso no se ve, pero el blog funciona t en mi perfil si que se ve, pasate y mira lo feo que soy y como funciona. Miles de gracias aunque me temo que te tendre que preguntar mas cosas.; 28/2/08
Anónimo: Fernando de feo nada, además somos de la misma quinta (yo algo más joven XD) y soy ama de casa, así que ya ves, imposible es nada. :-)

Verás, lo que has hecho está correcto, así es como debe ser, tu tranquilo que está todo bien. El problema ha sido, ni más ni menos, que yo no entendí lo que querías decir hasta ahora...supuse que YA TENIAS la foto en tu perfil y en el blog, y que querías eliminarla en el blog, y no era eso, sino que aún no la tenias en el perfil. :-)

Bueno, el caso es que te has apañado solito, porque anda que con lo que yo te decía ibas listo...je,je.

Por cierto, una camiseta chula ;-); 28/2/08
Anónimo: Yo me apañé solito pero si no llega a ser por tus indicaciones no lo consigo nunca. Es verdad que no hay nada imposible, yo hace 4 meses no sabia lo que era un blog, pensaba que todo eran paginas web, de hecho aun no se en que se diferencian. Ya puestos te hago otra pregunta, cundo pongo un link para descargar luego pongo pincha AQUI el aqui es el link, yo lo copio luego lo marco y escribo el AQUI, pero si quiero poner PULSAR AQUI como hay un espacio no me deja, me pasa lo mismo cuando pongo algun nombre y qyiero que al pincharlo vaya a su blog, no se hacerlo, ya me diras como se hace. Gracias por todo. (Menuda parrafada para escribir con dos dedos).

Pd. Gracias por el piropo, como siempre me equivoco, yo pensaba que eras mucho mas joven.; 28/2/08
Anónimo: Fernando, para no "liarme" como con lo anterior, mira aquí a ver si es eso lo que buscas.

Casi los 43 tacos, ufff, ahí es na. :-); 29/2/08
Anónimo: Eso era exactamente lo que queria, con las veces que he visto tu blog (entero) y no lo habia visto. Gracias por todo, los 42 no se te dan, pareces mas joven.

Pd. La camiseta solo me la pongo en vacaciones, por Zaragoza me da un poco de corte.; 29/2/08
Anónimo: Fernando, está vez a la primera, voy mejorando... :-)

Je,je, te entiendo, yo también tengo algunas camisetas de las "de verano".; 29/2/08
Luis: Hola Rosa, yo he intentado centrar la foto del perfil, y no me funciona, además el codigo que tengo yo es distinto y cuando pongo center, lo que me centra en el inferior es mi nombre.
Este es el codigo que tengo yo:
.profile-img {
float: center;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border:4px solid #8b2;

}; 27/6/08
Anónimo: Luis , prueba cambiando el puntito que hay antes de profile-img por este símbolo #
no es seguro que funcione, pero por probar...; 28/6/08
P. Keternen: Hola, Rosa, sigo tu blog con el interés del neófito entusiasmado y muy a menudo me llevo muy gratas sorpresas, aunque nunca haya comentado nada. Por tanto, gracias de antemano.
Ahora bien, tengo un problemilla que no consigo resolver (¿se podrá?) y por eso recurro a ti ahora. Resulta que tengo un blog con un amigo y aunque conseguimos que aparezca nuestro perfil, no sale nuestra foto ni ubicación etcétera en el widget de la sidebar. He mirado el html del widget y parece ser que cuando es un "team blog" no admite fotos ni nada. ¿qué podemos hacer? Te estaría muy (más) agradecido.
Un saludo
sinorbitas@gmail.com; 20/2/09
Anónimo: P. Keternen , mira si esto te sirve:
http://elescaparatederosa.blogspot.com/2007/12/dos-perfiles-o-ms-en-el-mismo-blog.html; 20/2/09
Peyote: Rosa puedo poner mi nombre enmedio, como?; 30/5/09
Anónimo: Pyot Añade en el CSS de tu plantilla (antes de ]]></b:skin>)esto a ver si sirve:

.profile-data{text-align: center;}; 31/5/09
Peyote: Gracias Rosa, me sirvio de mucho.
Saludos; 31/5/09
Anónimo: gracias rosa siempre util... ;); 21/7/09
Kayomi: Hola Rosa, he seguido todos los pasos que hay aquí para cambiar la foto de perfil, el problema es que ahora no me centrarlo, he probado cambiar .profile por un # y tampoco.
Muchas gracias de antemano,
Saludos
Kayomi; 10/6/10
Anónimo: KayomiDonde dice: padding: 4px; cambialo así a ver si va:

padding: 4px 4px 4px 20px;

En 20px es el espacio de separación de la imagen al borde de la izquierda, prueba en ese valor hasta que des con el que necesitas para que se mueva al centro.; 10/6/10
Kayomi: Muchísimas gracias Rosa, he probado y ha funcionado perfectamente. Te agradezco tu respuesta tan rápida y eficaz. Enhorabuena por tu blog. Saludos; 11/6/10

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.