Change the Order of your BlogSpot Titles

For people who have a blog at Blogger.com, you always see the titles of the posts are in very bad order where the blog name comes before the post name, like this:
Blog Name: Post Title.

This order is very bad for both visitors and search engines, so you need to change the order of post titles to get the post title come first to be like this:
Post Title - Blog Title. You can observe this good order here in my blog.

To change the order of post titles, just make the following:

1- Open your Blogger Dashboard.
2- Go to "Layout" >> "Edit HTML".
3- Find this code at the beginning of the template HTM:

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

Replace it with this code:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

4- Save your new template and enjoy the new SEO optimized post titles.