Facebook is a popular social networking website with huge database of over 1 billion registered users. It has lots of social plugins ava...
Facebook
is a popular social networking website with huge database of over 1
billion registered users. It has lots of social plugins available for
adding to any blogging platform or a normal website. Some popular
facebook social plugins are facebook likebox, like button, facebook comments,
recommendation bar, recommendation box and activity feed plugin . In
this post we will discuss about adding facebook activity feed plugin to
blogger blogs. Adding this plugin to blogger is very easy and can be
done in few minutes.
Step 2: Select Template option and click on Edit HTML option.
Step 3: In the template code find following code.
Step 4: Paste following code just below the searched code and save the template.
It will look like following screenshot.
Step 5: Go to Layout option and Click on Add a gadget option.
Step 6: From the list of the widgets select HTML/JavaScript widget.
Step 7: In the HTML/JavaScript widget paste following code and save the widget.
Final Step: Open your blog to see the new changes.
What is facebook activity feed plugin ?
Facebook activity feed plugin is live stream of activities happening between your blog and facebook. It shows all the details like a blog visitor share or recommend any article from your blog to their facebook network . It helps in increasing traffic very fastly. After adding this plugin to your blog you will surely get good amount of traffic via this plugin.Adding Facebook activity feed plugin to blogger
Step 1: Login to your blogger dashboard and select your blog.Step 2: Select Template option and click on Edit HTML option.
Step 3: In the template code find following code.
<body expr:class='"loading" + data:blog.mobileClass'> if you did not find the above code then search for <body
Step 4: 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>
It will look like following screenshot.
Step 5: Go to Layout option and Click on Add a gadget option.
Step 6: From the list of the widgets select HTML/JavaScript widget.
Step 7: In the HTML/JavaScript widget paste following code and save the widget.
<div class="fb-activity" data-site="http://www.windroidclub.com" data-width="290" data-height="350" data-header="true" data-recommendations="false"></div>
Final Step: Open your blog to see the new changes.
Customizing the Facebook activity feed plugin
- Replace http://www.windroidclub.com with your own blog address.
- Modify the value of data-width="290" to change the width of plugin
- Modify the value of data-height="350" to change the height of plugin.
