.

Social Icons

social

HOW TO ADD FACEBOOK COMMENT TO A BLOGGER BLOG

HOW TO ADD FACEBOOK COMMENT TO YOUR BLOG
Social network and social media are other great ways to drive traffic to a blog,aside  search engines traffic social media,bookmarking sites,social network and article directories are other great  ways to drive traffic from facebook to your blog
Imagine a facebook user that make’s a comment on your blog post with your facebook comment form , if that user is having 2,000 friends on his or her profile that comment will be published to their profile with this most users or his friends can easy see you post on his profile read it and even make their own comment and your post will be exposed to other people it’s so on and so forth
This is the coolest tool or i can call it  an awesome blogger plugin to drive traffic from facebook to your blog, so adding a facebook comment to your blog will be the greatest way you can expose your blog to the world
In this article i will be sharing with you my experience on adding a facebook comment to your blog. Before you go on to the below step by step tutorial 


you must register at   www.developers.facebook.com/  click on register now if you have not registered before,but if you have registered you can click on create new app
2.       If you are trying to register accept the terms and conditions verify your account by putting in your number,
3.       A facebook verification will be sent to your phone number use it to verify your account
4.       In the tell us about yourself, tick any you feel is related to your categories after that click continue
5.       A page will appear click on done
6.       After that you will be redirected to developers.facebook.com/apps
7.       Click on create new app
8.       Fill in your desired app name and app namespace
9.       Enter the security capcha and you click continue
10.    After you are done with this you can go on to the below steps
STEP BY STEP TOTURIAL
1.      Visit  developers.facebook.com/apps

2.      Click on create new app button

3.      A page will appear telling you to insert your app name e.g bloggingfoundation, fill in the required field and click continue

4.      a page will appear type the captcha code into the given box

5.      scroll down to where you will see app name,insert the name you desire e.g bloggingfoundation

6.      move your cursor to where you will see website with facebook login, click on it insert your domain name into the box for example bloggingfoundation.com or any url of your choice that you are using

7.       go to your blogger dashboard and click on template=>html. then click on the expanded widget.using CTR F, search for <b:skin><![CDATA[/ and insert this code above it
<meta content='149746665182728' property='fb:admins'/>
<meta content='erafeprince' property='fb:app_id'/>

replace the first id 149746665182728 with your app id and replace the second id erafeprince with your fb user id.
Like my own facebook username is princeerafe
You can find you facebook id by viewing your profile you will see the url at the top of the url bar

you can moderate your comment in the below url
http://developers.facebook.com/tools/comments

8.  using CTR F, search for <body> and insert this code below it
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=149746665182728&amp;xfbml=1"></script>.

replace the appid(149746665182728) with your own.

==> search for <data:post.body/> and insert this code below it
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments expr:href='data:post.url' numposts='5' width='500'/>

  </b:if>

leave a comment so i can know if this post helped you in anyway,if you are still having problems with adding a facebook comment to your blog then kindly use the comment form and i will reply you with answers


-->

if you enjoyed reading this blog Enter your email address to receive free updates right in your email box, we hate spammers comfirm your email after subscribing:

Delivered by FeedBurner

YOU CAN ALSO JOIN US ON OUR FACEBOOK PAGE

12 comments:

  1. nice post.will try it.

    ReplyDelete
  2. am glad you liked this post and am telling that you are yet to see the best of this blog thanks for commenting

    ReplyDelete
  3. buycheapfacebooklikesA good blog with exciting content, that's what I need. Thank you for keeping this site

    ReplyDelete
    Replies
    1. thanks for dropping by to read my blog and creating some time to comment on this blog thanks

      Delete
  4. Another great addition to my set of references for my blogging colleagues! It is best to integrate Facebook as it's more social compared to common blog commenting ideas out there.

    ReplyDelete
    Replies
    1. yea having facebook comment on a blog, will help drive more traffic in many ways because every person that comment through facebook means more traffic to your blog, try and have a facebook comment for your blog

      Delete
  5. Hey, great post and it really helped me get the facebook comments working on my blog. I wanted to get some SEO out of it but the iframe issues (search engines won't crawl iframes) made this impossible and, of course, the only way I could find to pull the text of the comments was through php scripts (which blogger doesn't support). Soooo, i wrote a php script and threw it on my server and then called it as an object on my blogger template and viola! - it worked.

    In kind, I thought I'd share it with you and maybe add a little value to your already great post. Just paste this code in your blogger template above or below the commenting code and it should be good to go. If you want to view the results just remove the div tags and give the object some width/height parameters. Hope this helps some of you!

    One more note, the php script grabs the referring URL(of wherever you've put the html script) so it should work for any and all posts/pages dynamically (including canonical URLs) - I thought that was a nice touch ;-)

    <!-- BEGIN Graph API comment pull and text insertion in an invisible div for SEO purposes -->

    <div class='separator' style='clear: both; display: none; text-align: center;'><object data='http://sukithookahs.com/get_comment_text.php' height='' type='text/html' width=''>

    </object></div>

    <!-- END Graph API comment pull and text insertion in an invisible div for SEO purposes -->


    One final note, I AM NOT a programmer so this isn't the prettiest thing in the world, but it works great...

    ReplyDelete
    Replies
    1. Thanks for taking your time to add more value to this post thanks dude

      Delete
  6. Thanks so much for this. I tried it and it worked!!

    ReplyDelete
    Replies
    1. am glad it worked for you, make sure you subscribe to get the latest updates from this blog right in your email box for free.

      Delete
  7. Nice post.will try it - Thank you

    ReplyDelete

Don't leave in a hurry
feel free to comment on this blog for more improvement and great tips
all comments are rated your comment is our source of inspiration and focus

that is the appreciation we need from you
i hope this post made an impact in you today

Sign up to receive latest Update free
you should subscribe by email and don't miss out of any interesting post coming up follow us by email YOU CAN ALSO JOIN US ON facebook

PLEASE DON'T FORGET TO SHARE WITH FRIENDS FOR THEM TO BENEFIT ALSO FROM THIS POST THANKS

top posts

Subscribe Now

ONLINE FOUNDATION

follow me on pinterest

Follow Me on Pinterest

Google+ Followers

owner of this domain

My Photo
my name is prince a part time blogger,am the one behind blogging foundation.com i share tips on blogging,making money online,mobile tips and more blogging is fun,and blogging is a way of life stick to bloggingfoundation.com and you will get all the online tips you need welcome am an entertainer and a domainer to connect with me on facebook.com/princeerafe or via plus.google.com/113731282359407396335 or  twitter stick to bloggingfoundation.com welcome

COPYWRITE LICENSE

Protected by Copyscape Online Infringement Detector
Recommended Post Slide Out For Blogger

alexa