Minggu, 26 Mei 2013

Show Gravatar HoverCard on Your Site

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[3])));
echo "?size=40\" alt=\"\">";

Then I insert this code before </body>:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://s.gravatar.com/js/gprofiles.js?ver=e"></script>

Now you can see the results in the guest book of Olimpiade Matematika ITS.

Gravatar hoverCard

Komentar Facebook:

Ada 11 komentar pada postingan berjudul “Show Gravatar HoverCard on Your Site”

  1. cool Man..

    Im very liki this… :sungkem:

  2. Nyari dolar terus ya mas, lanjutken. :uhuk:

  3. This is my first visit here in this incredible information that you provide. I'm so glad to be here, buy the way …. if you have time please visit my site. hopefully we can be friends and exchange information. thank you

  4. sukses slalu :) :hai:

  5. Terimakasih banyak atas infonya….

    saya simpan ya….buat dipelajari… :plis:

  6. Cerita Cinta Ardy says:

    thank u banyak infonya :jempol2:

  7. Gravatar… bisa dibeginikan juga ternyata…. :wooo:

  8. hmm. . nice, i get something new after read this article :hai:

    i'm a newbie, visit my site . . :sepakat:

  9. maksudnya gmn ya mas ini? maklum saya kalau bhs inggris saya agak cetek :D :hehe:

  10. weww,, Thanx for sharing man,,

    tapi ragu untuk mencobanya, hihi,, :no: :puyeng:

Advertisements

Tinggalkan komentar