Post
Ask Question

Creating Social Share Buttons In ASP.NET Using addthis.com

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
Next Recommended Reading How to Disable Enter Key Using JQuery In ASP.NET