Get Your Own Blog/Website Like Mine
Adding Facebook comment form on blogger blog is a nice way to drive traffic from the social networking website.just imagine a friend that has up to 1000 pals on fb and he commented on your blog post.there is a possibility that 40 % of his friends would saw the post on his wall and eventually click it to read and when that happens, they may also like to comment too hence generating more traffic to your website because their friends may saw it on their wall and also click on it, cool hun.guess you now have a clue on why you should add one.so today i am going to share with you on how to add Facebook comment to blogspot blog.
the process is not different as usual, but there is little changes on setting up fb comments for blogger blog as in 2012.so just follow the steps below to enable it for your website.
you may like to read how to get your facebook user id
how to add facebook comment box to blogger blog
==> visit https://developers.facebook.com/apps.
==> click on create new app.
==> a pop up page will open, insert your app name e.g gurubest.then click continue button.
==> after clicking on continue button, a popup page will open, asking you to verify a captcha code, do that.
==> at this stage you have successfully created a new app.copy and paste the app id and key you will see the at the top of the page to note pad.the next stage is to configure it.
==> under the settings in the app page, you may choose to add image icon to your app, to do this, point your mouse to the first icon and click edit to add a 75x75 pixels image, then click on the second icon below the first one to add a 16x16 pixels image.doing this will make yours stand out from others.
==> now still on the settings page under basic info, scroll down to where you will see app domain.insert your subdomain name e.g for blogger insert blogspot.com, while for custom domain insert yourdomainname.com i.e gurubest.com without the www.
==> scroll down to where you will see Website with Facebook Login, click on it and insert your domain name into the box like this, for blogspot, insert http://yourname.blogspot.com/, while for custom domain, insert http://yourdomainname.com/ i.e http://gurubest.com/ without www.also take note of the slash / after the .com
at this point you are through with the configuration of your app, now is the time to add it to your blog.
==> go to your blogger dashboard and click on design=>html. then click on the expanded widget.using CTR F, search for <b:skin><
the process is not different as usual, but there is little changes on setting up fb comments for blogger blog as in 2012.so just follow the steps below to enable it for your website.
you may like to read how to get your facebook user id
==> visit https://developers.facebook.com/apps.
==> click on create new app.
==> a pop up page will open, insert your app name e.g gurubest.then click continue button.
==> after clicking on continue button, a popup page will open, asking you to verify a captcha code, do that.
==> at this stage you have successfully created a new app.copy and paste the app id and key you will see the at the top of the page to note pad.the next stage is to configure it.
==> under the settings in the app page, you may choose to add image icon to your app, to do this, point your mouse to the first icon and click edit to add a 75x75 pixels image, then click on the second icon below the first one to add a 16x16 pixels image.doing this will make yours stand out from others.
==> now still on the settings page under basic info, scroll down to where you will see app domain.insert your subdomain name e.g for blogger insert blogspot.com, while for custom domain insert yourdomainname.com i.e gurubest.com without the www.
==> scroll down to where you will see Website with Facebook Login, click on it and insert your domain name into the box like this, for blogspot, insert http://yourname.blogspot.com/, while for custom domain, insert http://yourdomainname.com/ i.e http://gurubest.com/ without www.also take note of the slash / after the .com
at this point you are through with the configuration of your app, now is the time to add it to your blog.
==> go to your blogger dashboard and click on design=>html. then click on the expanded widget.using CTR F, search for <b:skin><![CDATA[/ and insert this code above it
<meta content='1234567' property='fb:admins'/>
<meta content='345666667777' property='fb:app_id'/>
replace the first id 1234567 with your app id and replace the second id 345666667777 with your fb user id.
doing this will enable to moderate the comments, to moderate comments, visit this link http://developers.facebook.com/tools/comments
==> 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=1234567&xfbml=1"></script>.
replace the appid(1234567) with your own.
==> search for <data:post.body/> and insert this code below it
<b:if cond='data:blog.pageType == "item"'>
<fb:comments expr:href='data:post.url' numposts='5' width='500'/>
</b:if>
you can choose to set the numposts 5 to any amount and also the width of 500 to any size depending on your template.that's all.
visit www.gurubest.com to view the latest post update you are not seeing right now.
more articles update is posted on gurubest every day,so don't be the last to get update to your email.Subscribe by email
DON'T FORGET TO SHARE WITH YOUR FRIENDS ON FACEBOOK BY CLICKING THE SHARE BUTTON
ATTENTION!!!.Do You Want To Learn Website Design And Development Like A PRO
Click To Download This Video Tutorial Courses Now
You are 2much.brief and simplified.i just hope it wil improve my traffic.tanks
ReplyDeleteSo much luv dis.i have been trying this 4 sum time with no result.the set up is realy different from what i have read so far.tanks a lot
ReplyDeleteNice post i must confess.but i am still havin a litle problem.each time i tried to create it using my phone, i don't seems to get it right.is there any oda way 2 do dis
ReplyDeletePls cant locate d data:post stuf on my blog o.pls pls help ni
ReplyDeleteI am realy confuse here, do i need to parse d code.mine is not workin 4 me
ReplyDeletegreat tutorial..
ReplyDelete@anonymous4, make sure you tick the expanded widget option before searching for the code.
ReplyDelete@anonymous5, you don't need to parse any code.just insert them in the right position.
ReplyDeleteThanks for this wonderful tip on How to add facebook comment box to blogger blogs. Once more thanks for this wonderful blogging tip.
ReplyDeleteI want to ask if this Facebook comment box will automatically appear on ur mobile view if you are using a custom mobile template?
ReplyDelete@abiola, you will have to embed it on the mobile template for it to show.
ReplyDeletethanks for the info
ReplyDelete