Facebook have be doing great job in providing plugins/apps for both webmasters and bloggers to spice up the blog and increase their site traffic and engagement level. This is another awesome plugin released by Facebook called the Facebook activity feed plugin or widget, which it aims to improve blog pageviews and keep readers to stay longer on your site by showing them your blog posts that have been liked of Facebook. We also shared a widget called the Facebook recommendation bar, which also serve almost the same function with this activity feed widget.
If you are using the Facebook recommendation bar in your blog and have noticed the positive changes in your blog stats, then you should also consider this widget usefull for your blog in other to engage readers more.
STEP 1:
If you have be using Facebook comment box or Facebook recommendation bar in your blog, then skip this step and move to STEP 2.
If you can't find <body>, paste the above code above </body>.
STEP 2:
Hope you find this widget helpful?
We also wish it brings more engagement to your blog and increase your blog impression and traffic. If you have any queries or suggestions, feel free to drop it and share this with friends/followers.
If you are using the Facebook recommendation bar in your blog and have noticed the positive changes in your blog stats, then you should also consider this widget usefull for your blog in other to engage readers more.
How To Add Facebook Activity Feed Widget
STEP 1:
If you have be using Facebook comment box or Facebook recommendation bar in your blog, then skip this step and move to STEP 2.
- Go to your dashboard
- Click on Template > Edit HTML > Proceed
- Use ctrl F to find <body> and paste the following code below/after <body>
<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>
<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>
If you can't find <body>, paste the above code above </body>.
STEP 2:
- Go to Layout > Add a Gadget > HTML/JavaScript
- Paste the following code in the content box and give it any title.
<div class="fb-activity" data-site="http://www.downloadizer.net/" data-width="300" data-height="400" data-border-color="#ffffff" data-header="false" data-recommendations="true"></div>
- Replace www.downloadizer.net with your blog url
- To adjust the width of the widget, simply edit data-width="300" and for the height, edit data-height="400"
- If you want the widget to display only recommended posts and hide the liked counter (i.e the number of people that recommended the post), then replace true with false.
- Finally Save your widget and you are done.
Hope you find this widget helpful?
We also wish it brings more engagement to your blog and increase your blog impression and traffic. If you have any queries or suggestions, feel free to drop it and share this with friends/followers.
0 comments:
Post a Comment