Blog title is showing on first in place of blogpost title

If you are also facing the same problem like me and your blog title is showing in Google instead of blog post title, you have to make some changes in coding.

How to Solve ?

Just log in to your Blogger account with credentials.

Go to Template and click on Edit HTML.

Blogger Dashboard Edit HTML

Search  the following coding: 

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

Replace this coding from the below coding:

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

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

<data:blog.pageName/> - <data:blog.title/>
<b:else/>
ERROR 404 - <data:blog.title/> 
</b:if>
</b:if>
</title>

EDIT HTML in Blogger Dashboard

Save the changes and you are done.