How to display post title before blog title

BLOGGER posts listed in search engine results page (SERP) by default, display blog title first, followed by post title. This setting is not search engine optimisation (SEO) friendly because, most readers are searching for your blog contents rather than your blog title. Moreover, google only shows a maximum of 70 characters for the titles in SERP, and if you have a long blog title, then some of your post titles may be truncated.

Before      Tmbrain: How to display post title before blog title

After         How to display post title before blog title | TmBrain

STEPS to display post title before blog title

1. Backup your template
2. Go to Template > Edit HTML > Proceed
3. Look for <title><data:blog.pageTitle/></title> in your HTML code
5. Replace it with the code below

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

6. Change | with any symbol of your choice
7. Click Preview then Save template