Earcontra

Earcontra.com is a blog for everyone who's curious about Blogging Tips, SEO, Making Money Online. We share fresh and updated information related to Bogger Templates, Layouts, Blogger Widgets, HTML & CSS Tips, jQuery Tweaks, JavaScript Scripts, and other related keywords.

  • About
  • Contact Us
  • Disclaimer
  • Privacy Policy

How To Insert Facebook Page Plugin To Blogger - Original Poster

Posted by OG Superman in: Facebook
adding facebook page plugin widget to blogger blog


Facebook page plugin is very handy, it can dramatically increase your traffic and let's say it also saves your traffic.

Why Do You Need Facebook Plugin

When visitors comes to your website and they find it very pleasant and giving them the information they need, they tend to click on the nearest facebook like button they see on your blog. It's like subscribing with an email, only that this one is 100 times better.

When you visitors like your page, a notification appears on the profile of their friends and there is a probability that they will find your website useful to them also. When you post something with you facebook page, many people who liked your page will find it on their feed sooner or later. Don't forget also that if they like that post, notifications will keep circling between friends and even friends of friends. You post may go viral and attract tremendous visitors to your blog.

Also, even if there people forget about your blog, they will soon find it again in the next few weeks, all you have to do is keep posting.

Nevertheless, traffic from social media like facebook will probably make more ad revenue you you have any placed on your blog.

Adding Facebook Page Plugin

First visit the facebook developer plugin website. Set up your page by first grabbing the url of your facebook page and pasting it in the required field. Go on filling other necessary fields.

There is absolutely no need to specify the dimensions, The plugin would automatically resize itself to fit in wherever you place the code.



When you click Get Code button, you will be presented with two codes. The first code is meant to be placed inside the HTML of your blog, while the second is meant to be added as a gadget.



Adding the first code directly inside your template's HTML will result in an error. The script needs to be modified to fit with blogger. All you need to do is insert //<![CDATA[ immediately after the <script> tag and closing it //]]> before the ending </script>

Your code will now look like this one below;


<div id='fb-root'></div>
    <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_GB/sdk.js#xfbml=1&version=v2.8&appId=494060807315871";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>



Go to your blogger Template tab. Click on Edit HTML button.



Search for the <body> tag using crtl + F on your keyboard. Paste The first code immediately after the body and save your template.

Now go to the Layout tab and Add a Gadget >> HTML/JavaScript. Paste the second code inside the box and save it.

There you go, everything is working perfectly. Don't forget to share my friend.




0 comments:

Post a Comment

Note: only a member of this blog may post a comment.

Newer Post Older Post Home
Earcontra

Popular Posts

  • How To Create A separate Label or Tag page In blogger
    Sometimes ago, I thought that it would be nice to have a standalone or separate page where you can display the labels, then add the page t...
  • 7 Add-ons Needed For Bloggers to Make Blogging Easier
    Having add-on gives us extra ability and flexibility for writing a rich post. As a blogger, you may find yourself in difficult situations so...

ABOUT EARCONTRA

Earcontra.com is a blog for everyone who's curious about Blogging Tips. We share fresh and updated information related to Bogger Templates, Layouts, Blogger Widgets, HTML & CSS Tips, jQuery Tweaks, Javascript scripts, and other related keywords.

QUICK NAVIGATION

  • About Us
  • Contact Us
  • Disclaimer
  • Privacy Policy

FEATURED CONTENT

  • Adding Related Posts Widget In Your Blog
  • Automatic Date Counter Widget
  • Setup Blogger With a Custom Domain Name
  • How to Create a Demo Page

© Copyright 2016 Earcontra · All Rights Reserved · And Our Sitemap · All Logos & Trademark Belongs To Their Respective Owners·
Template Developed By Blogging Recipes.