By default in blogger the blog title appears first before appear your post title. If you consider Search Engine Optimization (SEO) that is not a good practice. In this tutorial I’m going to show you how to make the blogger post title come first as following picture.
You can follow these simple steps to swap the title and post title in blogger for a better Search Engine Optimization.
1. First log into your blog and from dashboard go to the "Layout --> Edit HTML" page as follows;
2. Then locate the <title><data:blog.pageTitle/></title>, you can find it between <head > and </head> tags as following picture;
3. Then replace that code by following code; It is always good if you download the Full Template before editing.
<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>
Finally save template and you will see the result immediately in your browser title and after few days in search results.