eBloggerTimes

How To Add Facebook New Fan Page Like Box Plugin Blogger Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Facebook is very popular social media website and also it helps bloggers to drive a huge traffic. Also this is best platform to promote your stuff easily. Recently Facebook has launched a new version of fb fan page box, which is a little difficult to add in our website but now we let you know <b>How To Add Facebook New Fan Page Like Box Plugin Blogger Blog</b>.</span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9emOlY3Y3sIY56-A3NHdPRCT64n_gG_ho3wJbHXU-XdtW8eRX9S76QtJ0aiicpNPLpw0kaVJt61emWwI5PATbJ4k-GaJ2QRskfEDYDVPW6PhhKKcQKSDC0VwNkO0i60foeZkjSbl8pAM/s1600/Facebook-Like-Box.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="{Updated} How To Add Facebook Fan Page Box To Blogger Blog In Simple Steps" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9emOlY3Y3sIY56-A3NHdPRCT64n_gG_ho3wJbHXU-XdtW8eRX9S76QtJ0aiicpNPLpw0kaVJt61emWwI5PATbJ4k-GaJ2QRskfEDYDVPW6PhhKKcQKSDC0VwNkO0i60foeZkjSbl8pAM/s1600/Facebook-Like-Box.jpg" title="{Updated} How To Add Facebook Fan Page Box To Blogger Blog In Simple Steps" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Facebook offers all bloggers to add a widget to their website,this widget you can embed in to your blog and by this widget your users can directly like your </span><b style="font-family: Verdana, sans-serif;"><i>Facebook Fan Page</i></b><span style="font-family: Verdana, sans-serif;"> from your website. Now see below </span><span style="font-family: Verdana, sans-serif;"><b>How To Add Facebook New Fan Page Like Box Plugin Blogger Blog.</b> </span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span>
</div>
<h2 style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Why To Add Facebook Fan Page To Website</span></h2>
<div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">As you know Facebook is very popular social network and have many active users. It is also a great place to promote your stuff and get huge amount of traffic. So by Facebook Fan Page you can generate fans for your website and when a person will like your page then he will be able to all updates of your page on his wall.</span></div>
</div>
<div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
<div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">Now it is time to add face like box to your website and generate a good fan follow. On the internet many persons are selling likes but these types of likes are not real and not good for our website. So this is one from the best ways to Increase Likes On Facebook Fan Page. Now without taking more time lets start the tutorial. </span></div>
</div>
<div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
<h2 style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">How To Add Facebook New Fan Page Like Box Plugin Blogger Blog</span></h2>
<div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;">First off all login to your Facebook account and go to this link and generate plugin for your website. This is officially link of Facebook page developers click on this <a href="https://developers.facebook.com/docs/plugins/page-plugin" target="_blank">generate page widget</a>.</span></div>
</div>
<div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: Verdana, sans-serif;"></span><br />
<ul style="text-align: left;"><span style="font-family: Verdana, sans-serif;">
<li style="text-align: justify;">Now first you have to add the below code in your template after the <body> tag.</li>
<div style="font-family: 'Times New Roman';">
<blockquote class="tr_bq">
<div style="text-align: justify;">
<script></div>
<div style="text-align: justify;">
      window.fbAsyncInit = function() {</div>
<div style="text-align: justify;">
        FB.init({</div>
<div style="text-align: justify;">
          appId      : 'your-app-id',</div>
<div style="text-align: justify;">
          xfbml      : true,</div>
<div style="text-align: justify;">
          version    : 'v2.3'</div>
<div style="text-align: justify;">
        });</div>
<div style="text-align: justify;">
      };</div>
<div style="text-align: justify;">
      (function(d, s, id){</div>
<div style="text-align: justify;">
         var js, fjs = d.getElementsByTagName(s)[0];</div>
<div style="text-align: justify;">
         if (d.getElementById(id)) {return;}</div>
<div style="text-align: justify;">
         js = d.createElement(s); js.id = id;</div>
<div style="text-align: justify;">
         js.src = "//connect.facebook.net/en_US/sdk.js";</div>
<div style="text-align: justify;">
         fjs.parentNode.insertBefore(js, fjs);</div>
<div style="text-align: justify;">
       }(document, 'script', 'facebook-jssdk'));</div>
<div style="text-align: justify;">
    </script></div>
</blockquote>
</div>
<li style="text-align: justify;">Now go to the link and you will be see the page as shown in the image. Here enter the link of Facebook page and adjust your page's width and height then click on get code.</li>
</span></ul>
<span style="font-family: Verdana, sans-serif;">
</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizMIxi0GhYhFc0RSHPLYjsk-ejVzxM_-CK9jxYq5IO1PWbEiJGs2VyG6F5h2eLI_msoSbNWBTBSjIvHudRu1fvB-FNeTBHBtgTVHLp8LlHur77gB-tZg82qvoCGJvyXRAZpLJOxfR-FoE/s1600/How+To+Add+Facebook+Fan+Page+Box+To+Your+Website+In+Simple+Steps.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizMIxi0GhYhFc0RSHPLYjsk-ejVzxM_-CK9jxYq5IO1PWbEiJGs2VyG6F5h2eLI_msoSbNWBTBSjIvHudRu1fvB-FNeTBHBtgTVHLp8LlHur77gB-tZg82qvoCGJvyXRAZpLJOxfR-FoE/s320/How+To+Add+Facebook+Fan+Page+Box+To+Your+Website+In+Simple+Steps.jpg" width="320" /></a></span></div>
<span style="font-family: Verdana, sans-serif;">
</span>
<br />
<div>
<div style="text-align: justify;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</div>
<span style="font-family: Verdana, sans-serif;">
</span>
<br />
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul style="text-align: left;">
<li style="text-align: justify;">After clicking on get code a pop menu will open as shown in image. Now copy the second code.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFoBQPUbI3urIu5yvtUGHbkCFTB1beEr7fpecFsgkpm8HOytHsLbsrNvDNN1-9y71zbHrf_Svk_Sw7ZGfeN6e_g0DsddJAZ503YxoD-LtisjV83QHPvDU1WCC7iqPXMHS0VC0r9_oP-_o/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="{Updated} How To Add Facebook Fan Page Box To Blogger Blog In Simple Steps" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFoBQPUbI3urIu5yvtUGHbkCFTB1beEr7fpecFsgkpm8HOytHsLbsrNvDNN1-9y71zbHrf_Svk_Sw7ZGfeN6e_g0DsddJAZ503YxoD-LtisjV83QHPvDU1WCC7iqPXMHS0VC0r9_oP-_o/s320/1.jpg" title="{Updated} How To Add Facebook Fan Page Box To Blogger Blog In Simple Steps" width="320" /></a></div>
<div>
<br />
<ul style="text-align: left;">
<li style="text-align: justify;">Copy the code and go to Layout -> Add A Gadget -> HTML/JavaScript and paste the copied code in it.</li>
</ul>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8yF4vCqzjb0USKJoybLIaAiT3Mpr4G8iaAbEY_mbsNsqqBRr5XNIRd2Xh8r5U4sTxUEtsnOZpYxIbqKc_lNtinyEkkEPfCxTGm6vir2aAT3MVXGvzQKb_m_attosIfaU0yDSBEILUo9o/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8yF4vCqzjb0USKJoybLIaAiT3Mpr4G8iaAbEY_mbsNsqqBRr5XNIRd2Xh8r5U4sTxUEtsnOZpYxIbqKc_lNtinyEkkEPfCxTGm6vir2aAT3MVXGvzQKb_m_attosIfaU0yDSBEILUo9o/s320/1.jpg" width="320" /></a></div>
<div style="text-align: justify;">
Thats it, now you have successfully added the new version of Facebook Fan Page in your blogger blog. If you face any problem then feel free to contact us. You can comment below and also contact-us. If this article help you then please share it and also like us on <a href="http://www.fb.com/ebloggertimes" target="_blank">Facebook</a>.</div>
</div>
<div>
</div>
</div>
</div>

Facebook is very popular social media website and also it helps bloggers to drive a huge traffic. Also this is best platform to promote yo...