In this post we will discuss about adding facebook follow button to blogger blogs. Facebook follow button is a popular social plugin by fac...
In this post we will discuss about adding facebook follow button to blogger blogs. Facebook follow button is a popular social plugin by facebook developers.
By using this facebook follow button your blog visitors can directly
follow you on facebook without even leaving your blog. In this way it
helps in increasing your facebook followers as a result you will get
more social exposure. As your facebook followers increases it also help
in growing your online business. More number of followers means more
traffic and more popularity
Step 1: Adding Facebook script to blogger
- Log in to your blogger dashboard and select your blog.
- Select Template option and click on Edit HTML option.
- In the template code search for the following code.
<body expr:class='"loading" + data:blog.mobileClass'> or just find <body
- Paste following code just below the searched code and save the template.
<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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Adding Facebook follow button to blogger sidebar or footer
- Now select Layout option.
- Select Add a gadget option.
- Select HTML/JavaScript widget from the list of the widgets.
- In the HTML/JavaScript widget paste following code and save the widget.
<div class="fb-follow" data-href="https://www.facebook.com/facebook" data-show-faces="true" data-width="285"></div>
Adding Facebook follow button below blogger posts
- Select Template option.
- Click Edit HTML.
- In the template code find following code.
<data:post.body/>
- Now paste following code just below the searched code and save the template.
<div class="fb-follow" data-href="https://www.facebook.com/facebook" data-show-faces="true" data-width="450"></div>
Customizing facebook follow button
- For changing the width of the widget modify the value of data-width="450” in the above code.
