How to add facebook page plugin/fan page box to bloggers blog

Share:

Social media is one of the biggest force in the sharing of information and platform such as Facebook, twitter, what's app and google plus plays a very crusher role in this aspect.
Starting a blog is one thing but getting readers to read it is the biggest challenge a blogger faces; this is where platform such as Facebook, twitter and what's app comes in.
Facebook is a very great tool to drive traffic to your blog. it has millions of user, u can easily tell the world anything using Facebook.
One way to get readers to your blog is setting up a fan page and then get it connected to your blog by adding a Facebook plugin.
This article will be looking at adding Facebook plugin to your blog or website. To do this, you just need to follow this simple step.
1) Go to this address https://developers.facebook.com/docs/plugins/page-plugin you will see options to configure the appearance of your Facebook page plugin.
2) simply enter your URL address of your fan page in the space provided. E.G www.facebook.com/9jainfospace
3) Enter the wide, height and other information (i,e how u want the box to look like on your blog) in the space provided. then click get code.
Two code will appear with one looking like this

<div id='fb-root'/>
<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>
4) Copy the above code go to your blogger dash board, click on template, than click edit html
than locate <body> tag and paste it underneath it and save.


5) copy the second code, go to back to dash board click on Layout, click to add a gadget locate   HTML/JavaScript click on it and paste the code than save.
The second code looks like this:

<div class="fb-page" data-href="https://www.facebook.com/9jainfospace/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/9jainfospace/"><a href="https://www.facebook.com/9jainfospace/">9jainfospace</a></blockquote></div></div>

Simple change the 9jainfospace to the name of your facebook fanpage. and save. you are good to go.


No comments