Add Facebook like, share and comment in asp.net website | ASPMANTRA | Asp.Net,MVC,AngularJs,Jquery,Javascript,Sql Server AND WCF 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>

  
  

Post a Comment

[blogger]

MKRdezign

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget