Interesting? Lets now learn how to embed this extremely useful comment
form in Blogspot blogs. Kindly follow the simple steps below,
3. Hit "create app" button and proceed
4. After submitting the security check code you will see this page,
5. Save that App ID in a notepad because we will need that latter. Now Click the link near the top-right corner of the same page that says "Developer Dashboard"
6. One the new window that appears click the Edit Settings link ,
7. Then go to Website option and write your Site Domain as blogspot
8. Save Changes and jump to the next step of this tutorial
PS: Please make sure your blogger comment form is embedded below posts. For doing this first go to Blogger > Settings > comments > and then choose embed comments below posts. After doing this follow the tutorial below.
Make these changes:
9. Save your template and Bingo you are Done! See your blogs to find a beautiful comment box waiting to be touched. =)
1- Get a Facebook Application ID
- Go To Facebook Developers Page
- Submit your blog URL and give it a name. Keep Site name as your "Blog Title" and Site URL as your "blog address"
3. Hit "create app" button and proceed
4. After submitting the security check code you will see this page,
5. Save that App ID in a notepad because we will need that latter. Now Click the link near the top-right corner of the same page that says "Developer Dashboard"
6. One the new window that appears click the Edit Settings link ,
7. Then go to Website option and write your Site Domain as blogspot
8. Save Changes and jump to the next step of this tutorial
2- Adding the Facebook comments Box to Blogger
Now its time to do embed the comments box in your blog templates. So follow these easy steps,PS: Please make sure your blogger comment form is embedded below posts. For doing this first go to Blogger > Settings > comments > and then choose embed comments below posts. After doing this follow the tutorial below.
- Go To Blogger > Design > Edit HTML
- Backup your template
- Check the "Expand Widget Templates" box
- Search for <html and just after it give a space and add this code,
xmlns:fb='http://www.facebook.com/2008/fbml'
5. Next search for
<body>
Note: In New Blogger Designed templates the same code looks like this,
<body expr:class='"loading" + data:blog.mobileClass'>
Find any one of these codes and just after it paste the code given below,
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
- Replace YOUR_APP_ID with your Facebook application ID that you saved in a notepad.
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='MY Blogger Tricks' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/mybloggertricks' property='fb:admins'/>
<meta content='article' property='og:type'/>
Make these changes:
- Replace MY Blogger Tricks with your blog title/Name.
- Replace BLOG-LOGO-IMAGE-LINK with the image link of your logo. Your logo will look good if it is in gif format and having this size -> 40px by 40px . This logo will appear next to your post title on Facebook profiles of your visitors like this,
- Replace YOUR_APP_ID with the your Facebook Application ID that you saved in notepad
- Replace http://www.facebook.com/mybloggertricks with your Facebook user profile link
<b:includable id='comment-form' var='post'>8. Just after it paste the code given below,
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div>
</b:if>
- If you want to use the dark scheme then simply replace light with dark
- To change the Comments box size, change this value width='520'
- To change the footer credits size, change this value width:510px
- Keep a difference of 10 pixels between the box size and footer size. For example if you set box-size to width='600' then set footer-size to width:590px
9. Save your template and Bingo you are Done! See your blogs to find a beautiful comment box waiting to be touched. =)
When you really want to achieve something,
then the limit of your knowledge no longer becomes a hindrance. This
has held true for a lot of webmasters, who are self-taught, and rely on
their ambition to learn
and implement new things that they consider useful. But whether you are
a beginner, or a seasoned veteran, there's always room for some
improvement - for learning something new. That is why Google set up a Webmaster's
Academy to teach everyone from a total newbie to an advanced user on
how to better understand Google, and how to perform better in search
results. This Academy was set up last year, but was only available in the English language up until now. Now though, thanks to Google, the Webmaster Academy has gone international, with support for more than 40 languages!
The purpose of establishing this Academy was to educate and guide
webmasters into creating websites that perform well in search results.
For any blogger, this can serve as the ultimate guide or
a complete roadmap that webmasters and bloggers can follow towards
success, since the ultimate goal is getting the best performance in
search results. So if you haven't still heard of the Webmaster Academy,
then you should start off with it immediately.
What it has to offer?
The Webmaster Academy is a fully-fledged academy in the sense that it covers a huge scope of topics, vertically as well as horizontally.
Once you're done with one section, you can move on to the next. It's a
really well organized resource that you can master within no time at
all. And now, it is available in a wider ranger of languages. Google
says that the Academy is available in over 20 languages, but that number
is actually 43, including English.
So what do you want to learn today? Head over to the Webmaster Academy,
and start your training as a webmaster from Google itself! You'll be the
master of your game in no time at all! All the best :)
It lets you respond to immediate changes that are a result of time and are temporary, such as trending and viral topics, limited-time traffic (holiday traffic etc), and so on. If you're looking for an effective real-time reporting solution, look no further than Google Analytics, because it just got better with 4 latest improvements to its real-time reporting!
Real-time event reporting will let you see the top events as they occur,
which you can then filter as well based on event categories.
Furthermore, you can see whether particular segments of your visitors
trigger different events.
Click on the Real-time section in Google Analytics, and then click on Events
to get this feature. You can click on any event category to see Event
actions and labels for that category. You can also add filters, which
will then be saved. And you can use these filters to see events that a
particular segment of visitors trigger, for example, events triggered by
traffic coming from social media etc.
Breakdown of real-time traffic by user agent
Google Analytics will now show your traffic broken down based on user
agents. In the right now section, you can see your current traffic, and
its breakdown based on whether the users are using Mobile, Desktop, or
Tablet devices. Clicking on any segment will display detailed analytics.
Realtime vs overall data
You can view your overall pageviews and compare them with segments of
visitors in real time. For example, you can compare your total traffic
with your mobile traffic after a particular post on social media to see
how well do social media users who are on mobile devices pick up your
content.
Shortcuts
Last, but not least, you can now set up shortcuts for your real-time
segment filters. Once you look at your data through a particular filter,
you can save it, so you won't have to create that filter again and
again. And you can easily access all your shortcuts from the navigation
menu on the left side.
Like these new features? Do share your experiences and opinions with us
in the comments section below. And if in confusion, feel free to ask.
Peace :)
As you might have noticed, Facebook introduced threaded comments to posts on Fan Pages. And I must say, it was a long-awaited and much-needed feature
indeed. It made conversations much more organized, and readable. But
what if you wanted to integrate this functionality, and fetch &
deliver comments and their replies from your page onto your website? If
you're a developer, you'd know that you need an API for this sort of
work. Fortunately, you are in luck, because Facebook just
rolled out a new update for its API for comments and replies on
Facebook pages. Using this, you can monitor and respond to comments and
replies on your Page.
Updates to the API
This update comments API now provides developers with different 'views'
of the comments on your page. There are three basic views; Top Level
Comments, Replies and Comment Streams. These views can be accessed by
the Graph API as well as through Facebook's FQL table.
Top Level comments - These are individual comments to the post
itself, and not replied to any comment. This view is called "top level".
The comments in this view might be ranked on the basis of their
quality, replies, and some other factors.
Replies - This view, called "replies" fetches replies to an individual comment of a post.
Comment Streams - "stream" will return all top level comments and their replies in a chronological order, so the top level comments here won't be ranked.
Do you like the new changes? You can read the Facebook Developers Blog for more information, or check out the documentation for this API for detailed instructions. You can also ask us questions in the comments below. Stay tuned :)
Replies - This view, called "replies" fetches replies to an individual comment of a post.
Comment Streams - "stream" will return all top level comments and their replies in a chronological order, so the top level comments here won't be ranked.
FQL Commands
You can get data using both FQL ad Graph API. If you're using existing API, you need to keep in mind that the 'comments' column in the 'stream' FQL table has been depreciated. Instead, use 'comment_info' field to fetch data from 'can_comments' and 'comment_count' fields. Here are the FQL queries for the three views.Top Level comments
SELECT id, fromid, time, text, likes
FROM comment
WHERE object_id={object_id} AND parent_id='0'
Replies
SELECT id, fromid, time, text, likes
FROM comment
WHERE parent_id={comment_id}
Comment streams
SELECT id, fromid, time, text, likes(almost exactly the same as Top level Comments query, but ordered by time, and no check for parent_id being 0;
FROM comment
WHERE object_id={object_id}
ORDER BY time
Missing out on something?
If you're wondering why you don't see threaded comments on your Facebook Fan Page, then that's because Threaded comments have only been enabled for popular pages with a lot of fans (1,000+). If you're not quite there yet, then don't worry. This option will be turned on by default for all pages by June 10.Do you like the new changes? You can read the Facebook Developers Blog for more information, or check out the documentation for this API for detailed instructions. You can also ask us questions in the comments below. Stay tuned :)