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.
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>
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.khatriscreation.blogspot.com" data-width="300" data-height="400" data-border-color="#ffffff" data-header="false" data-recommendations="true"></div>
customization ..
- now replace http;//www.khatriscreation.blogspot.com with your blog url..
- To adjust the width of the widget, simply edit data-width="300"
- 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?
regards,sudarshan khatri .
ConversionConversion EmoticonEmoticon