Display Facebook comments on your diary and let Facebook
users inquire into your diary while not sign language up for Blogger or
alternative services.
This tutorial assumes that you just have a Facebook account
and a Blogger account with a diary.
1. initial you would
like to make a Facebook App for your diary.
2. within the high
right of your screen click on the "+ produce New App" button as shown
within the screen shot below:
3. you'll be bestowed
with the screen below during which you would like to choose:
A name for your app which may be something you like; I
actually have chosen "JT diary Comments"
A namespace for your app this may be something you wish in
addition however it should be altogether graphic symbol letters with none
areas. I actually have chosen "jensontaylor". don't fret concerning
what these attributes do, however simply recognize that they're necessary for
any Facebook App.
Do NOT tick the net hosting possibility. this is often not
necessary for our comment application.
Once you have got entered all the main points click
"Continue"
4. you'll then be
asked to pass the "captcha" check. i.e. kind within the letters
within the image so as for Facebook to verify that you just square measure a
person's and not a spamming malicious program. Enter the proper letters or
numbers the clicking "Submit".
4.a) If you have got not setup your Facebook account with a
transportable range you'll see the message below. If you do not see the message
below skip to step five (that means that you have got already setup your
account with a mobile telephone). For those of you - like myself - United
Nations agency bump into this message, click on the link within the red box
that says "mobile phone".
4.b) you'll then see the screen below;
Select your country
Enter your transportable range
Then click the "Confirm" button
4.c) you'll be taken to the page below and at an equivalent
time receive a text message(SMS) on your transportable. Enter the code from the
SMS you received on your transportable within the box and click on
"Confirm"
4.d) you'll then see successful message as shown below
stating that your account has been verified. shut this page and return to
wherever you left off after you came upon the popup at step (4.a).
4.e) Follow directions in step three once more.
4.f) Follow solely the primary a part of step four that is
barely getting into the inclined text displayed within the image. Then jump to
step five.
5. you'll see the
page displayed below;
Make a note of your App ID or copy it
Where is says "App Domain" enter
"blogspot.com". (If you host your diary on your own name then enter
your name here)
In the "Website" section wherever it says
"Site URL" enter the address of your diary e.g.
"http://jensontaylor.blogspot.com"
Click "Save Changes"
6. when saving the
changes to your Facebook app, you'll see a confirmation message during a yellow
box at the highest of the webpage.
Now your Facebook App is prepared. simply create a replica
of the App ID as you'll would like this range once group action the Facebook
comment application into your diary.
7. modification the
code below by exchange FACEBOOK-APP-ID along with your Facebook App ID range
that you traced at step five.
head to your diary dashboard on Blogger.com; choose
"Template" then click on "Edit HTML" as highlighted within
the screenshot below:
9. you'll receive a
popup with a couple of choices. Click on the "Proceed" button as
shown below:
10. you'll then see
the code in your model. attempt to find the
tag as shown within the screen below:
11. slightly below
the tag paste your changed code from
step seven. Here is however my code gave the look of when this change:
12. Click "Save
Template"
13. currently you
would like to feature some a lot of code to your model (this is that the actual
code for the Facebook comment section below your diary posts). head to you
diaryger dashboard for your blog then choose "Template" >
"Edit markup language" > "Proceed" to look at your
HTML code (i.e. follow steps eight and 9)
Update 21/04/2013: Since eleventh of Gregorian calendar
month 2013 step fourteen is not any longer necessary. This check-box has been
removed associated instead every appliance may be distended exploitation an
arrow to the left of it. conjointly there's a drop menu at the highest of the
editor that permits you to pick the appliance that you just wish to scroll to
in one click.
14. Tick the
"Expand appliance Templates" checkbox as shown below:
15. realize the code
below in your model code exploitation Ctrl-F cutoff and paste the code into the
search box. Warning: don't attempt to
kind the text below as your application program might freeze.
If you were able to realize the tag that you just explore
for jump to step sixteen.
Optional: {to modification|to vary|to alter} the dimension
of your comment box up the code higher than change width="450"to no
matter you see appropriate for your diary.
Optional: {to modification|to vary|to alter} the colour
theme of your comment box you'll be able to change the word "light"
to "dark" for the attribute colorscheme='light' which provides you
the 2 coloring schemes out there for Facebook comment boxes.
17. You currently got
to add the Facebook Namespace declaration in your code. If you go the highest
of your code you'll see a tag as
Here may be a screen shot of the code when the change:
Note: The namespace accessorial within the code higher than
is employed for all Facebook widgets and apps. therefore you merely got to add
this into your code once, in spite of what number completely different FBML
widgets you employ.
18. Click "Save
Template"
19. Click
"Close"
20. Enjoy!
Moderating comments, Administration choices and work
If you click the "Settings" link on the higher
than page you'll be bestowed with a couple of choices that square measure self
informative like adding Moderators for your diary or permitting users with
completely different logins to go away comments(e.g. Yahoo or Hotmail logins).
Here may be a screenshot of the settings page:
Removing Blogger Comments
Although i'd not suggest to anyone that they take away
blogger's default commenting feature, if you select to try and do therefore
you'll be able to simply hide or show it from your blogs dashboard by about to
1. Settings
2. Posts and
comments
3. Comment
Location then choose "Hide"
4.make certain to click "Save Settings"
If the screenshots square measure too tiny to browse, you'll
be able to click on them to enlarge them.
If you run into any issues, let Pine Tree State recognize
within the Facebook comments' section ;)
Adding a Facebook
Comment Section For Stand Alone Pages on Blogger
If you have got a stand alone page like
http://jensontaylor.blogspot.com/p/jenson-taylor.html then the higher than
procedure for adding facebook comments won't work because the higher than
approach solely applies for diary posts and not "pages". therefore so
as to get the facebook comment section on stand alone pages you would like to
follow the steps below additionally to the higher than steps. (Note that the
steps below got to be perennial for each single page whereas the higher than
guide that solely includes diary posts can cowl all of your diary posts. Note
2; diary posts and diary pages square measure 2 completely different things)
1. head to your page then choose "Edit" as shown
within the screen shot below:
2. Once you bear to the edit page, check up on the uniform
resource locator within the address bar at the highest of your browser. you'll
see associate address kind of like this:
3. create a note of the last range from the uniform resource
locator address. (This are distinctive to your own page therefore do not copy
the quantity I actually have shown here.) In my example the quantity is
1979633926023450196.
4. Click on the "HTML" tab as shown on the screen
shot below:
5. currently you'll see the markup language code behind your
page. head to the lowest of this code and "Cope & Paste" the
subsequent text:
6. The higher than code is associate example used for one my
diary pages therefore you have got to alter three elements that square measure
highlighted (in red) within the higher than code to fit your own diary page.
7. when you have got entered the code in your page it ought
to appear as if the below screen shot therefore simply press update and your
page ought to be prepared for facebook comments.
If the screenshots square measure too tiny to browse, you'll
be able to click on them to enlarge them.
If you run into any issues, let Pine Tree State recognize
within the Facebook comments' section.
Conclusion
Free Blogspot blog is a simple yet extremely effective,
functional integration of Facebook comments on blog
At the same time incorporate video marketing Pressplay Review application, it will give your blog the quality of hits, precious.