Gravatar Hovercard is a “virtual page or virtual card” (<– my opinion) that can display information about a person: name, image, and their contact info on other services like Twitter, Facebook, Blogger, Yahoo, Foursquare, WordPress or LinkedIn.
This feature has been used by all the existing blogs on wordpress.com and partially self-hosting wordpress blog, including BuddyPress.
How to use and show Hovercard, you must move your mouse in over each gravatar image on each WordPress.com blog, then Hovercard will appear. The information shown is taken directly from Gravatar site or WordPress.com .
I carried out experiments on “Olimpiade Matematika ITS“, It’s not wordpress.com Blog, and the results beyond expectations, works well.
To show gravatar image:
echo "<img class=\"avatar\" src=\"http://www.gravatar.com/avatar/"; echo md5(strtolower( trim($data))); echo "?size=40\" alt=\"\">";
Then I insert this code before </body>:
Now you can see the results in the guest book of Olimpiade Matematika ITS.