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.
If you want to know the commonly used articles except .NET click on the link General/Interesting.
In previous articles i already explained about How to Trace Mobile number location and Mobile number operator in India or Trace Mobile number Details in India,Restore Recently Closed Tabs in Chrome, Firefox, Internet Explorer | Reopen recently closed tabs in Chrome,Firefox, Internet Explorer and How to change the colour of a folder in Windows 7 || How to change the folder color | Folder Colorizer
In previous articles i already explained about How to Trace Mobile number location and Mobile number operator in India or Trace Mobile number Details in India,Restore Recently Closed Tabs in Chrome, Firefox, Internet Explorer | Reopen recently closed tabs in Chrome,Firefox, Internet Explorer and How to change the colour of a folder in Windows 7 || How to change the folder color | Folder Colorizer
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&width=295&colorscheme=light
&show_faces=true&header=true&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&width=295&colorscheme=light
&show_faces=true&header=true&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."
Awesome Script ..
ReplyDeleteThanx ..!!!
Working for me..!!!
Hey Khusal you commented on 12-12-12.Good
Delete