Dos perfiles o más en el mismo blog

Hace unos días me llegó esta consulta por email:

Tengo una consulta, y espero q puedas responderla porque en ninguno sale... Se puede agregar un segundo perfil en el blog?... es que desde esta semana comenzare a compartir mi blog con alguien, y quiero que salga también su perfil.

En cuanto lo leí me acordé de que si que salía en algún blog, en realidad hacía días que había visto una forma para conseguir esto en dos de los blogs de ayuda que suelo visitar, uno de ellos está en "Blogs de Ayuda" en mi sidebar, Epílogo, y el otro es un blog de ayuda en inglés, Dummis guide to Google Blogger, con unas pequeñas variaciones en el código, pero con un óptimo resultado en ambos casos.

[1] Añadimos nuestro perfil, si no lo hemos hecho ya, a la manera "normal" es decir, escogiendo "Mostrar Perfil" en un nuevo elemento de Blogger.

[2] Ahora hemos de conseguir la dirección (url) del perfil de la persona con la que compartimos el blog (esta url es la que muestra el navegador cuando accedemos a su perfil).
Y, por supuesto, la dirección de la fotografía que muestra en su perfil (si es que queremos mostrarla), esta se consigue accediendo a su perfil y pinchando con el ratón derecho sobre la imagen, escogemos "Propiedades".
Sobra decir, creo yo, que lo más normal sería contar con el permiso de esa persona para hacer esto.

[3] Una vez obtenidas las urls necesarias, abriremos un nuevo elemento HTML-Javascript y pegamos este código dentro:

<a href='URL DE LA PAGINA DEL PERFIL'><img alt='Mi foto' class='profile-img' height='48' src='URL DE LA FOTO'width='48'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>NOMBRE A MOSTRAR</dt>
<dd class='profile-textblock'>OTROS DATOS A MOSTRAR</dd>
</dl>
<a class='profile-link' href='URL DEL PERFIL'>Ver perfil completo</a>



Modificaciones

* Donde dice "<a href=" colocamos la url del perfil.
* Donde dice "src=" colocamos la url de la imagen del perfil.
* Cambiamos donde dice "NOMBRE A MOSTRAR" por el nombre o nick de la persona a la que corresponde el perfil.
* En "width" (ancho) y "height" (alto) colocaremos el tamaño que daremos a la imagen del perfil.
* Donde dice "OTROS DATOS A MOSTRAR" podemos poner el país de origen, la ciudad, etc.

Nota
El color del texto, de los links, tamaño de fuente, borde de la imagen... será el mismo que el que se muestra en nuestro propio perfil.

Resultado
Ejemplo de perfil

0 comentarios:

Publicar un comentario