SEO friendly blogger.com page titles

The default blogger.com page title looks like this:
Blog title: Post title.

A more SEO friendly alternative would be:
Post title | Blog title.

To make this change, edit your template and replace this:

<title><data:blog.pageTitle/></title>

with this:

<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>

References:
widgetsforfree.blogspot.com