Blog de diseño y desarrollo de páginas y aplicaciones web.

Archivo de la etiqueta: gravatar

0

Gravatar en tus comentarios

Gravatar en tus comentarios

Posted on por

¿Qué es Gravatar?

Se trata de una página web en la que un usuario, dándose de alta, puede guardar una imagen (su avatar global) que le represente en muchos sitios y portales web que utilizan el este sistema para mostrar el avatar en los comentarios.

Tener un avatar propio

Avatar GenéricoPara registrarse en Gravatar, hay que entrar en este link y, únicamente, dar una dirección de correo electrónico. Posteriormente, puedes elegir tu avatar (o subir uno propio) y calificarlo para que sea mostrado en una u otra web. Es decir, un mismo usuario puede tener 4 avatares, uno calificado con la letra G que indica que puede ser mostrado en cualquier tipo de web; el tipo PG para webs más juveniles y con un lenguaje menos cuidado; R y X son para páginas con contenido para adultos.

Son ya muchas las personas que se valen de este método por lo que un par de líneas de código, tendrán una rápida recompensa en el aspecto de tu web.

Incluir Gravatar en los comentarios de mi web

El funcionamiento es el siguiente, una vez se introduzca el comentario, se deberá generar un hash de la dirección de correo electrónico del usuario en php:

Ya está la mitad, ahora falta obtener el avatar que le representará, y para ello, debemos utilizar otra línea:

Evidentemente, el montón de números final sería el hash que hemos generado anteriormente. En php quedaría así:

¿Fácil? Facilísimo.

Si el usuario no tuviese cuenta, se mostraría el icono de Gravatar. Pero, si lo preferimos, podemos personalizar dicho icono de la siguiente manera.

Supongamos que tenemos nuestro icono guardado en la direccion http://www.e-sort.net/avatar.png ; lo primero, debemos codificar el string en php de la siguiente manera:

Para terminar, nuestra imagen sería la siguiente (en php):

Nada más, así de rápido y sencillo.

Dejo todo del tirón la creación de un avatar con predeterminado incluido…

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Esta entrada fue publicada en Diseño Web, Php y etiquetada , , por DGCmedia. Guarda enlace permanente.

Contacto

Su nombre*

E-Mail*

Asunto*

Mensaje*

Captcha
Otro Captcha

Captcha*