|
Since, it is possible to add a Facebook Fan box manually then there is
no need to use wired plugins or gadgets that might decrease the speed of
your site. The first thing you need to do is to go to Facebook Social Plugin’s Like Box
page. Now enter the complete URL of your Facebook Page for which you
are willing to generate the fan box. It entirely depends on you how much
customization and configuration you needs.
Now press the “Get Code” button to get the coding that you will be implementing on your site.
Facebook provides a plenty of options for implementation. You can choose
from various options like HTML5, XHTML, IFRAME or URL. For us HTML5 is a
standard option. However, XHTML also works pretty well. Try to use
IFRAME if the above two option does not works for you.
Now click on the HTML5 Tab. Copy the first part of the code and paste it
right after the <body> tag which is usually found in Template >> Edit HTML
Area. However, if you are unable to find it then you can add it
anywhere in your body. The first part of the code would somewhat look
like this:
<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&appId=340438116046612";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
Now copy the second part of the code and add it anywhere on your site
and it would display the Like Box there. For example, go to Layout >> Add a gadget >> Add HTML/JavaScript >> and paste the code there. The second part of the code would somewhat look like this:
<div class="fb-like-box" data-href="https://www.facebook.com/mybloggerlab" data-width="292" data-show-faces="true" data-stream="true" data-show-border="true" data-header="true"></div>
Congratulations: Your Facebook Like box is ready, now go and
check your site to see it whether it is working perfectly fine or not.
If you still face error, then try the alternative methods.
We hope this article has facilitated you in adding Facebook Fan Box in
Blogger. Let us know which method you are using, what are the reasons
why you use them, any advantages of like box in your eyes. If you like
the article, why don’t you follow us on FB?
0 comments:
Post a Comment