Information is Wealth...: Social Utilities
Showing posts with label Social Utilities. Show all posts
Showing posts with label Social Utilities. Show all posts

Facebook Like Box for Blogger

Facebook Like Box for Blogger is easy.

1) Go to Blogger Layout
2) Add Widget
3) Select HTML/ JavaScript
4) Paste below code in the widget.

Facebook Like Box for blogger is done.

Note: replace yourfacebookpage below with your facebook page.

<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.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="https://www.facebook.com/yourfacebookpage" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

http://seekajob.blogspot.in/

Add Facebook Like Box Wordpress javascript

To Add Facebook Like Box to Wordpress without plugin or appid/secret you just need to modify the header.php and add javascript code to it.

Its easy you can just add facebook like box to your wordpress in two steps

1) Go to header.php located in yoursitewp-contentthemesyour themeheader.php( Here yoursite is your wordpress name and your theme is theme of your wordpress, carefully navigate to your folder.
Add this script below the body tag in header.php

<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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2)Add below html in TEXT widget and place it wherever you want to display the facebook like box

<div  href="http://www.facebook.com/allinfoatoneplace" data-width="250" data-height="189" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false"></div>

Make sure that you remove allinfoatoneplace from above  javascript script with your wordpress, Let me know if this doesn't help in adding Facebook Like Box to your Wordpress.
http://seekajob.blogspot.in