Wednesday, 2 May 2012

How to put facebook widget to your blog or website.| Adding the Facebook “like” button to a Blogger blog | Facebook Like Button For Blogger - Blogger Widgets

                                    Hi Friends in this article i will explain about how to put Facebook widget into our blog or website.In many sites we may see the Facebook widgets.
The  Facebook widget is shown like below figure.

First of all create one website.
File — New --- Website --- Enter the name --- OK
Then the website is created.
Take one .aspx page
Right click on the website in the solution explorer --- Add New Item --- select Web form ---Give the name in the Name box – OK
Copy and paste the below code in your page wherever you want.
<iframe allowtransparency='true' frameborder='0' scrolling='no'
src='http://www.facebook.com/plugins/likebox.php?
href=http%3a%2f%2fwww.facebook.com%2fpages%2faspdotnet-roja%2f220858318029096&amp;width=295&amp;colorscheme=light
&amp;show_faces=true&amp;header=true&amp;height=250' style='border: none; height: 250px; overflow: hidden; width: 295px;background-color:white;'/></iframe>

ASP.NET Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form2" runat="server">
    <div>
<div>
<iframe allowtransparency='true' frameborder='0' scrolling='no'
 src='http://www.facebook.com/plugins/likebox.php?href
=http%3a%2f%2fwww.facebook.com%2fpages%2faspdotnet-roja%2f220858318029096&amp;width=295&amp;colorscheme=light
&amp;show_faces=true&amp;header=true&amp;height=250' style='border: none; height: 250px; overflow: hidden; width: 295px;background-color:white;'/></iframe>
</div>
    </div>
    </form>
</body>
</html>

When you run your page the output will like below. 

Replace  the URL  with your Facebook page URL.Just Replace my Facebook page name AspdotnetRoja with your  Facebook page name and also Facebook page ID.

For more information, click on the below link to visit the  Facebook developers blog. 
"If you like my blog or articles, you can appreciate by leaving your comments or Liking my Facebook page Aspdotnet-kishore, following on Google+ Aspdotnet-Kishore, Twitter  on AspdotnetKishore, Linked in Aspdotnet-Kishore, stumbling my posts on stumble upon and subscribing on  RSSfeed Aspdotnet-Kishore for free updates directly to your Email inbox . Watch my blog  for more articles."

2 comments:

  1. Awesome Script ..
    Thanx ..!!!
    Working for me..!!!

    ReplyDelete
    Replies
    1. Hey Khusal you commented on 12-12-12.Good

      Delete

© 2012-2018 Aspdotnet-Kishore.blogspot.com. All Rights Reserved.
The content is copyrighted to Kishore and may not be reproduced on other websites without permission from the owner.