How to make Blog title appear after post title?

Simply follow these steps,

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Search for

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

 4.   Now replace it with the code below,

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

 5.   Done!

Now upon view your blog in search listings you will find the blog title appearing after blog post title name. Further the title position change will also occur in your browser as shown below,