We have shared a lot of tutorial on Facebook widgets and plugins in previous days. few days back i have shared a scrolling like Facebook social sharing widget which was well appreciated by PBT readers. Today we have yet one another best Facebook plugin activity widget which will show all the latest stories of our blog which are recommended by our loyal readers. This Facebook activity widget will appear on the right side of a blog along with all recent activities. By using Facebook activity plugins it would be dramatically increase our posts page views several times & it will also enhance our blog readership. The biggest advantage of using this gadget will show all the latest recommended post on our blog. So in this tutorial, we will guide you how to add Facebook activity feed plugin widget to blogger blog.
Features of Using Facebook Activity Feed Plugin
- IT will increase pageviews several times:
- Show multiple recommended posts:
- Easy to navigate and easy to use:
- Working as Popular Post widget:
- Created in Java/script and Html
- Enhance blog readership between facebook friends
Adding Facebook Activity Feed Plugin to Blog
Here i will show you how could you easily include this gadget into your blogger blog. Follow the below steps to implement this on your blog.Step1:
- Go to Blogger Interface:
- Go to >>Tempalte>>Edit/html:
- Press Ctrl+F and search for the below code:
<body>
or simply search for
<body
- Paste the below given code just after it.
<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>
- Click on Save Button and you done step1
Step2:
- Again Go to Blogger Dashboard:
- Go to >> Layout:
- Now Click on Add gadget to add Html/Javascript Gadget:
- Now Past the below given code in html/javascipt gadget:
<div class="fb-activity" data-site="http://www.ProBloggerTricks.com" data-width="300" data-height="450" data-border-color="#ffffff" data-header="false" data-recommendations="true"></div>
Possible Customization
- Replace http://www.ProBloggerTricks.com with your own blog url:
- The default width and height of this gadget is 300px and 450px. If you wish you could increase it according to your blog layout by changing the values respectively.
- The default border color if this gadget is #ffffff if you wish you could customize it according to your own choice.
- If you do not want all the recommend stories show by the gadget then replace true to false:
- Save the gadget you done almost:
Recommended: Stylish Facebook Like Box without Border
Recommended: New Facebook Popup Like Box for Blogger
Very nice article bro... Well done
ReplyDeleteBundles of thanks Zeeshan Bro for your appreciation. This is really such a nice facebook plugin widget for blogger user. Thanks buddy.
DeleteThat is the great share bro. Keep it up.
ReplyDeleteThanks for leaving comments on Professional Facebook feed plugins widget. Thanks Mohammad bro.
Deletebhai jan me ne aik blog banya hy ab tak us per 64 post ker chuka ho par us per daily visitor 20-30
ReplyDeletehi atey hy kia problem hy dekh ker zara bataa dy ap ki meherbani ho gi blog ka address yeh hy
http://www.desiurduhit.com/
Asif! Hope I help you in this. you blog is good but please follow the below things.
Delete1- Change the blog design because its not attractive at all.
2- Try to use Google news for next post.
3- It has been that you don't even know what you want to add in your blog like I have seen there domain is something else, Header Name is something else and you also uploaded about android. seems likes you are not sure targeting to particular group! Try to select niche.
Thank You
Hafeez Brother another nice post! clear instruction. Let me try this out.
ReplyDeletethanks for leaving valuable comments. Once again thanks for giving reply to that commentator but Saqib i am going to delete that comment because that is totally in Urdu which could become difficult for robots. Thanks for cooperating with PBT readers.
DeleteVery nice Hafiz bro. Both Facebook and Facebook widget is very important and useful for the traffic of blog and website. And todays trick will really help to improve organic traffic.
ReplyDeleteregards,
http://pakistanlearningcenter.blogspot.com/
Nice Plugin this will help to see what happening on your social fan club
ReplyDeletethanks for this informative post hafeez bro
best of luck
Regards
R.S
Good Bro Keep Sharing These Articles
ReplyDeletehttp://bloggertechniches.blogspot.com/
bro i need a help that how can i get a green color bullets as like u
ReplyDeleteplease help me...
Yes It Is Very Easy Just Visit This Site And Your Favorite Bullets In Your Blog Like This
Deletehttp://bloggertechniches.blogspot.com/
nice post dear.it's so simple and awesome. thanks for sharing.
ReplyDeleteRegards:
http://w3mix.com/
Microsoft Store Promo code where u can get good discounts .
ReplyDeleteMicrosoft office 365
Microsoft PowerPoint 2013 (Non-Commercial) $79.99
Microsoft PowerPoint 2013 $109.99