JAFRI
09-06-2010, 10:00 PM
FaceBook Like Box
The Like Box is a special version of the Like Button designed only for Facebook Pages. It allows admins to promote their Pages and embed a simple feed of content from a Page into other sites.
Get Facebook like Code : Like Box - Facebook Developers (https://developers.facebook.com/docs/plugins/like-box-for-pages/)
1. Facebook Page URL : Enter Your Facebook Page Url
2. Width: 240
3. Height: 240
4. Color Scheme: anything you like
Click Get Code
Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
Copy code and paste in your header template.
<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/all.js#xfbml=1&appId=xxxxxxxxx";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Note: Edit XXXX Your Application ID
-------------------------------------------
Place the code for your plugin wherever you want the plugin to appear on your page.
<div class="fb-like-box" data-href="https://www.facebook.com/xxxxx" data-width="240" data-height="240" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>Edit XXXX Your Facebook Page URL.
Now Go : Forum Blocks Manager > Add new block > Custom HTML/PHP
Title : Forum like box
Content Type : HTML
Content: put code ^^^^^^
enjoy.
www.shiafriends.com (http://www.shiafriends.com)
---------------------------------------------------------------
The Like Box is a special version of the Like Button designed only for Facebook Pages. It allows admins to promote their Pages and embed a simple feed of content from a Page into other sites.
Get Facebook like Code : Like Box - Facebook Developers (https://developers.facebook.com/docs/plugins/like-box-for-pages/)
1. Facebook Page URL : Enter Your Facebook Page Url
2. Width: 240
3. Height: 240
4. Color Scheme: anything you like
Click Get Code
Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
Copy code and paste in your header template.
<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/all.js#xfbml=1&appId=xxxxxxxxx";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Note: Edit XXXX Your Application ID
-------------------------------------------
Place the code for your plugin wherever you want the plugin to appear on your page.
<div class="fb-like-box" data-href="https://www.facebook.com/xxxxx" data-width="240" data-height="240" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>Edit XXXX Your Facebook Page URL.
Now Go : Forum Blocks Manager > Add new block > Custom HTML/PHP
Title : Forum like box
Content Type : HTML
Content: put code ^^^^^^
enjoy.
www.shiafriends.com (http://www.shiafriends.com)
---------------------------------------------------------------