Step 1: Go to http://www.addthis.com/ and create a new account. You will get an ID that you will need to use in the below code.
Step 2: Select style of social media buttons.
Step 3: Select buttons you like and create a script and use that script in your ASP.NET page.
Here is the code snippet in my ASP.NET page.
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head id="Head1" runat="server">
  5. <title></title>
  6. <script type="text/javascript"> var addthis_config = { "data_track_addressbar": true };</script>
  7. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-518a46984fa73489"
  8. temp_src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-518a46984fa73489"></script>
  9. </head>
  10. <body>
  11. <form id="form1" runat="server">
  12. <div>
  13. hello testin of add this controls
  14. </div>
  15. <div>
  16. <p>
  17. Share Buttons</p>
  18. <div class="addthis_toolbox addthis_default_style ">
  19. <a class="addthis_button_tweet"></a><a class="addthis_button_pinterest_pinit"></a>
  20. <a class="addthis_counter addthis_pill_style"></a>
  21. </div>
  22. <script type="text/javascript"> var addthis_config = { "data_track_addressbar": true };</script>
  23. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-518a46984fa73489"
  24. temp_src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-518a46984fa73489"></script>
  25. </div>
  26. <div>
  27. <p>
  28. Follow Us</p>
  29. <div class="addthis_toolbox addthis_32x32_style addthis_default_style">
  30. <a class="addthis_button_facebook_follow" addthis:userid="YOUR-PROFILE"></a><a class="addthis_button_twitter_follow"
  31. addthis:userid="YOUR-USERNAME"></a><a class="addthis_button_linkedin_follow" addthis:userid="ggdfgdf">
  32. </a><a class="addthis_button_linkedin_follow" addthis:userid="gdfg" addthis:usertype="company">
  33. </a><a class="addthis_button_google_follow" addthis:userid="gdfgd"></a><a class="addthis_button_youtube_follow"
  34. addthis:userid="fdgdf"></a><a class="addthis_button_flickr_follow" addthis:userid="dfgdf">
  35. </a><a class="addthis_button_vimeo_follow" addthis:userid="dfgdf"></a><a class="addthis_button_pinterest_follow"
  36. addthis:userid="gdfg"></a><a class="addthis_button_instagram_follow" addthis:userid="dfgdf">
  37. </a><a class="addthis_button_foursquare_follow" addthis:userid="dfgdf">
  38. </a><a class="addthis_button_tumblr_follow" addthis:userid="dgfgdf"></a><a class="addthis_button_rss_follow"
  39. addthis:userid="gdfgdf"></a>
  40. </div>
  41. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-518a46984fa73489"
  42. temp_src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-518a46984fa73489"></script>
  43. </div>
  44. <div>
  45. Trending Content
  46. <div id="addthis_trendingcontent">
  47. </div>
  48. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-518a46984fa73489"
  49. temp_src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-518a46984fa73489"></script>
  50. <script type="text/javascript">
  51. addthis.box("#addthis_trendingcontent", {
  52. feed_title: "fsdfsd",
  53. feed_type: "trending",
  54. feed_period: "month",
  55. num_links: 5,
  56. height: "auto",
  57. width: "auto"
  58. });
  59. </script>
  60. </div>
  61. <div>
  62. </div>
  63. </form>
  64. </body>
  65. </html>
Continue next >> Custom Facebook, Twitter Share Functionality In ASP.NET