Saturday 23 March 2013

HOW TO ADD FACEBOOK LIKE WIDGET TO YOUR BLOG


It is very important to have our blog social on social networking sites. Social networking site drives huge traffic to the blog.
Here I am with a code to add a Facebook Widget to the blog.
First of all you have to create a Facebook page on Facebook.com  If you don't have it create your
Facebook page free here and follow following steps to add Facebook widget to your blog.



1) Go to your Blogger Dashboard.
2) Click on Layout Menu.
3) In your sidebar region, click on Add widget box.
4) Select HTML/JavaScript to be add.
5) Paste the following code to the content area and save it with empty title.

Here is a Code:


<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>



6) You have completed your job 80 % successfully. Now you are just 3 steps away to be get Facebook like button widget install on your blog.
7) Now click again on Add widget box.
8) Paste the following code to the content area with replacing with your Facebook page name.

Here is a Code :

<div class="fb-like" data-href="http://www.facebook.com/YOUR PAGE TITLE" data-send="false" data-width="280" data-show-faces="true" data-colorscheme="dark"></div>

9) Give it your own title as "Facebook Voice" or "Like Us On Facebook".

10) Save it.
11) Now click on Save Arrangement.

That's it you have done it..

Here was a post about to add Facebook like button to your blog. If you like this post kindly share your comments, feedback as well as suggestions with us.

About the Author

Unknown

Author & Editor

Amit is the passionate Blogger, Designer and Inovators.. Who can visualize and develop breathtaking graphics and Websites and writes on it! He use to code HTML, HTML5, CSS, CSS3, JavaScript, JQuery, AJAX and Laravel.

2 Reactions:

  1. Thanks for providing the code..I was actually having a hard time looking for codes like this one..Im actually doing a blog about atlanta hosting.





    ReplyDelete
    Replies
    1. Thanks for your valuable feedback.. i hv chaked ur blog,bt i cant understand subject of ur blog

      Delete

Post your valuable comments here..
We are waiting for it...

 

BYBITZ © 2015 - Designed by Templateism.com, Plugins By MyBloggerLab.com