Gravatar using ASP.NET

I’m always attracted with the fancy features in web. This time, I fall in love with Gravatar. Its a global recognition of “YOU”, with the help of an e-mail Id.

If you don't have a Gravatar account, create on here.

The SRC attribute a Gravatar Image has the below mentioned syntax:

http://www.gravatar.com/avatar/[MD5_Hash_Value]?s=[Image_Size]

For loading your Gravatar image, all you’ve to do is to mention the Hash Value of your email id and the size of your Gravatar image.

Before start, drag-drop an Image control, TextBox (for accepting email Id) and Button control.

[Source-View]

   1: <body>

   2:     <form id="form1" runat="server">

   3:     <div>

   4:         <asp:Image ID="Image1" src="" runat="server" /><br />

   5:         <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

   6:         <asp:Button ID="Button1" runat="server" Text="Button" />

   7:     </div>

   8:     </form>

   9: </body>

[Code-View]

   1: // Page Load

   2: protected void Page_Load(object sender, EventArgs e)

   3: {

   4:     // Add SRC attribute to Iage1 at runtime

   5:     Image1.Attributes.Add("src", GetGravatarImageURL(TextBox1.Text.Trim(), 80));

   6: }

   7:  

   8: // Return Gravatar Image URL

   9: public static string GetGravatarImageURL(string emailId, int imgSize)

  10: {

  11:  

  12:     string hash = string.Empty;

  13:     string imageURL = string.Empty;

  14:  

  15:     // Convert emailID to lower-case

  16:     emailId = emailId.ToLower();

  17:  

  18:     hash = FormsAuthentication.HashPasswordForStoringInConfigFile(emailId, "MD5").ToLower();

  19:  

  20:     // build Gravatar Image URL

  21:     imageURL = "http://www.gravatar.com/avatar/" + hash + ".jpg?s=" + imgSize;

  22:  

  23:     return imageURL;

  24: }

Now just run/build(F5) your page. The image will looks like below:

This is the default Gravatar image.

 

Now just, enter your email Id used for creating the Gravatar account. & hit the button.

Hurray you’re done. Just integrate at the comments section of your blog.

 

This is my gravatar image

That's it & Thanks.