Sunday, May 28, 2017

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>

  
  

3 comments:

  1. I am continually amazed by the amount of information available on this subject. What you presented was well researched and well worded in order to get your stand on this across to all your readers. weebly uk

    ReplyDelete