Do you know that Facebook can attract a lot of organic traffic to your site? Promoting your blog through facebook is one of the easiest ways to bring lots of traffic to your blog. Even visitors visiting your blog can share your page directly from your blog. So adding a facebook widget indirectly brings good organic traffic to your blog. In this post I am going to show you to add a facebook widget to your blog. Well there are many articles out there but most of them are outdated. So follow this tutorial if you want to know the latest method to add a facebook widget to your blog.
- First you need to go the Facebook Developer's page.
- Here enter the name of your page or blog.
- Then enter the width and height details you want. If you are not sure then tick the "Adapt to plugin container width". After that click on "Get Code."
- Now you will be getting a dialog box with the code.
- If you paste the JavaScript code, you will be getting a parsing error which says it has problems with the delimiter. So copy and paste the below code instead of the JavaScript code shown in the above screen shot.
<div id="fb-root"></div>
<script>
<script>
/* <![CDATA[ */
(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.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
/* ]]> */
</script>
- Paste the above code along with the CSS code provided.
- Remember that the CSS code has to be pasted in the layout section-->Add Widget-->HTML/JavaScript.
- After you have done everything correctly, you should see the widget in the area where you have pasted.
If you find any difficulty in adding the widget, then put them in the comments below.
