How to Fix "Google Friend Connect is not displayed" Problem

If you use MooTools(http://mootools.net/) script inside your blogger template, mostly your Google Friend Connect widget will disappear from your blogger blog and only shows a white space.This is a serious problem to more bloggers.I also have faced to this problem and finally find the solution for this problem.I thinks this little trick will also helpful to others and decide to explain how to

New Fonts For Blogger Blogs | Google Web Fonts

Last Wednesday Google launched a set of new web-fonts, fonts which can be used anywhere on any website freely. The Google Font API allows you to use all these fonts in your own blog.

Check out this new font as an example:

New Fonts For Blogger

So, how to use these fonts on your blog?

For every new font you want to add to your blog, you simply have to paste a single line of code in your blog's template. Once you are done with it, remember the name of the font and use it anywhere in your blog (in any post or part of a post or in your widgets).

Steps to add a new font:

STEP #1
Visit this page: Google Webfonts Directory

and click on the font you want to use.

STEP #2
In the next page, select the blue colored tab "Get the code".

And copy the FIRST code.
IT will look something like this:

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css' />

The code highlighted in RED, is the name of that font. You have to either remember this, or save it in a textpad/notepad.

STEP #3
Now, log in to Blogger, go to Layout/Design and then click on the Edit HTML link.
Find this code in your template:

</head>

And immediately ABOVE/BEFORE it, paste the code which you got in STEP #2.
And save the template.

STEP #4
Now, whenever you want to use that font in your blog (either in posts or in widgets), simply use this code tags around the text:

<span style="font-family: Tangerine; font-size: 24px;">YOUR TEXT/POST HERE</span>

The font family name (highlighted in RED), should be same as written in STEP #2. You may also adjust the font-size. Replace the text highlighted in BLUE with whatever text you want.

That's it, now you can deliver your posts in a new style. As Google says, make your blog and the web more beautiful...

Browsers compatibility:
* Google Chrome: version 4.249.4+
* Mozilla Firefox: version: 3.5+
* Apple Safari: version 3.1+
* Microsoft Internet Explorer: version 6+

This project is an open source project, just like many other projects by Google. For more details on these WebFonts you may visit the FAQ page.

The Best SERP Tool Ever | SEO For Blogs

If you are new to Search Engine Optimization (SEO), then SERP or 'Search Engine Results Page' is simply the search-results page that is returned to a user when s/he searches something on the Internet (Google/Yahoo etc.), and that "something" is the "keyword" or the "key phrase".

A Typical SERP for 'San Francisco'

As you know that the position of your website/webpage on the search-results page is very important in bringing quality and converting traffic to your site, so SERPs ranking is now an important part of SEO.
There are several hundreds of SERP-tools available on the Internet, which claim to give you detailed information about the SERPs for different keywords. So, finding the BEST-SERP tool is quite a difficult task. But my job has been made a lot easier, as this tool belongs to the Search Engine Giant itself: Google.

If you are registered at Google-Webmaster-Tools, then simply log in to it, and go to the recently updated "Top Search Queries" section of the website (under "Your site on the web"). In this section, now you can see the number of impressions given by various keywords/phrases and how many of these impressions got converted to visits (click through).

You might have noticed that different TLDs of Google (Google.co.in, Google.co.my, Google.co.uk etc.) give different results page for the same search query (depending on many factors, like your demographics etc.) and even the same TLD keeps on changing the position of the results.
Now, Google has made it easy to filter those results. Instead of the data from all the countries, you can select a single country from the top drop-down menu. And by simply clicking on a specific keyword/phrase you can see the details, like in which position how many impressions got converted to visits.
Finally according to your observations you should then focus on optimizing your blog/website for the popular keywords/phrases. Three simple strategies to improve your ranking on SERPs for the popular keywords/phrases are;
   (1) Write more articles on that topic.
   (2) Try to use that specific word/phrase in the titles of your articles.
   (3) Include the most popular keywords/phrases (receiving maximum impressions and not necessarily having a high value of click through) in your meta description and keywords tags.

NOTE: Although you may see the changes/improvements within a month too, but to get a significant level of optimization you should experiment with these strategies for at least 4-6 months.

Official Google Buzz Buttons [With Share-Counter] For Your Blog

Yesterday Google officially released the Google Buzz Share and Follow buttons.
These buttons will directly post your articles to Google-Buzz, instead of Google-Reader as it was the case in the previous method. Moreover one set of these buttons has a counter too, to count the number of ReBuzzes your article gets.
You can see the working demos of these buttons in many popular websites and blogs including The Washington Post, Blogger, YouTube, The Huffington Post, GigaOM etc.

Instructions to add these official Google-Buzz buttons (to Blogger Blogs):
STEP #1
Visit this page: G-Buzz Stuff
Click on the link "Post To Buzz" and in the next page, select the type of button you want to use on your blog.



Against "URL to post" keep the option "Containing Page" and against "Image to post" let it be None.
Now copy the code, from the code-box.

STEP #2
Log in to Blogger, go to Layout -> Edit HTML and tick the tick-box "Expand Widget Tempaltes".
And find (CTRL+F) this code in the tempalte:

<div class='post-header-line-1'/>

STEP #3
Immediately AFTER/BELOW it, paste this code:

<!--BUZZ-STARTS-->
<div style='border:0px !important;text-align:right;margin-top:-42px;'>

PASTE_CODE_FROM_GOOGLE-STUFF-PAGE_(Step #1)_HERE

</div>
<!--BUZZ-STOPS-http://bloggerstop.net-->

Replace the line highlighted in RED, with the code you got in STEP #1.

NOTE #1: By default, the alignment of these buttons is kept to "Right", you may change it to "Left" too. To change the position of the button, change the value -45 pixels (in margin-top:-42px;).

NOTE #2: If the code-line (in Step #2) is not present in your blogs template, then find these two lines:

<div class='post-body entry-content'>
<data:post.body/>

And paste the code from STEP #3, immediately ABOVE/BEFORE these two lines.

Finally, Save the template.

---

Image credits: UnmatchedStyles