Add Facebook like, share and comment in asp.net website - Free Asp.Net,MVC,AngularJs,Jquery,Javascript,Sql Server,WCF,Entity framework snippets and tutorial


Add Facebook like, share and comment in asp.net website

In this article I am going to explain how to add Facebook like, share and comment box in asp.net website.


Implementation:
I want to add Facebook like, share and comment box to asp.net website. First of all open Facebook developer’s link https://developers.facebook.com/. You will see docs options in top menu, click on it. Documentation option page will be open and you can lot of options there. Look for social plugins under product docs.

Add comment box:
Select the comments options. Enter the URL to comment, width of comment box and number of comments you want to show. You will see preview in box. After that click on get code button.

  
Add Facebook like, share and comment in asp.net website




Add Like button:
Select the like button options. Enter the URL to like, width of like plugin and select the layout (box count, button count etc.), action type and button size. You will see preview in box. After that click on get code button.

Add Facebook like, share and comment in asp.net website



Add share button:
Select the share button options. Enter the URL to share, select the layout (box count, button count etc.) and button size. You will see preview in box. After that click on get code button.

Add Facebook like, share and comment in asp.net website





HTML markup of webform:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
<div id="fb-root"></div>
<script>(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9&appId=636863302999119";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    <form id="form1" runat="server">
    <div>
             <table>
            <tr><td>Upload File :</td><td><asp:FileUpload ID="FileUpload1" runat="server" accept=".txt" /></td></tr>
             <tr><td></td><td><asp:Button ID="Button1" runat="server" Text="Button" /></td></tr>
             <tr><td colspan="2"></td></tr>
             <tr><td colspan="2"><asp:TextBox ID="txtarea" runat="server" TextMode="MultiLine" Width="600px" Height="500px" Visible="false"></asp:TextBox></td></tr>
        </table>
        <div class="fb-like" data-href="http://www.aspmantra.com" data-width="20" data-layout="button_count" data-action="like" data-size="large" data-show-faces="true" data-share="false"></div>
       <div class="fb-share-button" data-href="http://www.aspmantra.com/" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.aspmantra.com%2F&amp;src=sdkpreparse">Share</a></div>      
        
         <div class="fb-comments" data-href="http://www.aspmantra.com" data-numposts="5"></div>
    </div>
    </form>
</body>
</html>

  
  

What do you think about this article?

If you found this article useful, please share and follow on Facebook, Twitter, Google Plus and other social media websites. To get free updates subscribe to newsletter. Please put your thoughts and feedback in comments section.

Share this

Share on FacebookTweet on TwitterPlus on Google+


EmoticonEmoticon