How we can add Facebook Like Box on our Websites

Facebook Like box for Website

Step - 1 Click on this link https://developers.facebook.com/docs/plugins/like-box-for-pages

Step - 2 Write your Facebook Page URL like : https://www.facebook.com/aspdotnetsandeep

Step - 3 Write Width & Height like : 220px & 150px , you can change according your need.

Step - 4 Check on Show header, Show Border & Show Friend Face.

Step - 5 Click on get code. (When you will click on Get code button they will show fb login window, if you are already login they will show you code else do login your fb account.

Step - 6 Click on IFRAME Tab.

Step - 7 They will generate you fb page plugins code. Copy this code and paste in your website page where you want appear this.


Note :   Create your Fb Page First then follow above steps

Floting Social Links Facebook, Twitter, LinkedIn

Put this code between body and form tag

<div id="Div2" style="border: 0px solid #3C95D9;position: fixed ;left: -240px;width: auto;z-index: 10005;top: 235px; left:0px;">

<a href="http:facebook.com/S.raturi89/" target="_blank" >

<img src="images/facebook.png" alt="Facebook" title="Facebook" style="border:0px"></a>

</div>

<div id="Div3" style="border: 0px solid #3C95D9;position: fixed;left: -240px;width: auto;z-index: 10005;top:290px; left:0px;">

<a href="https://twitter.com/sandeep_raturi" target="_blank">

<img src="images/twitter.png" alt="Twitter" title="Twitter" style="border:0px" / ></a>

</div>

<div id="Div4" style="border: 0px solid #3C95D9;position: fixed;left: -240px;width: auto;z-index: 10005;top:330px; left:0px;">

<a href="http://www.linkedin.com/pub/sandeep-raturi/2b/381/b56" target="_blank">

<img src="images/linkedin.png" alt="Linked In" title="Linked In" style="border:0px" /></a>

</div>

Facebook Page Like button Code

Facebook Link Button Code :

Steps are :

Put this code into body tag:

<div > 
<iframe src="https://www.facebook.com/plugins/like.php? 
href=http://www.xyz/Home.aspx&amp;layout=standard&amp;show_faces=true&amp;width=400&amp;action=like&amp;colorscheme=light" 
scrolling="no" frameborder="0" style="border:none; width:250px; height:80px">
</iframe> 
</div> 

Note : write your facebook page link in place of this link http://www.xyz/Home.aspx .