How to optimise your post page titles on your blogspot blog

The typical page titles on a blogger post are of the form:

Blog title - Post title

This is because the default Blogger templates come with a tag inserted into the pages that
automatically puts the blog title before every post title in the title tags of the post pages.

Obviously it make much more sense to put your post name at the begining
of the title tag not only for seo but for also for making your title more relevant when it appears in search engine results pages.

How you make your page titles optimised for your post pages on your blogger blog

1. Goto to Design in your blogger admin
2. Click on Edit HTML
3. Download a backup of your blogger template (ALWAYS do this before mucking about with blogger templates)
   
4. Look for this code in your blog template:
   <title><data:blog.pageTitle/></title>
5. Replace this with:
   <b:if cond='data:blog.pageType != &quot;index&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

What this code does is stipulate that anything but an index page should show the post title before the blog title. There are obviously tweaks that can be made to this simple bit of code to change things further (like removing the blog title from the page titles and replacing it with static text like this example:

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<title><data:blog.pageName/> - Alternative Text</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

For further optimisation or tweaking I'd recommend reading the blogger data tags help page