How to remove Blog Title from a Post Title in Blogger blogs

When you create a blog on blogger.com, you give it a title. This title is displayed on the main page of the blog. When you create a post on this blog, it is created as a separate page with a separate title for each post.
Sometimes, blogger starts showing the blog title 1st followed by title of the post as below:
Blog Title : Post Title
You can check the title of the post in the page code.

When your blog post is indexed by the search engine, it is indexed with the title. Search engine prefers the keywords appearing in the beginning of the title. That is why it is important that your post title appears first to rank it better for the relevant keywords.
If you want to remove Blog Title from a Post Title, you can follow the below steps.

Step 1: Open the dashboard of the relevant blog.
Step 2: Click on template option from the left sidebar, and then click on "Edit HTML"
Step 3: Before you edit the template HTML, you can backup it using the option given at the top.
Step 4: After that, search for the following code in the HTML file
         <title><data:blog.pageTitle/></title>
Step 5: Now, replace the above code with the follwing code
         <b:if cond='data:blog.pageType == &quot;index&quot;'>
         <title><data:blog.title/></title>
         <b:else/>
         <title><data:blog.pageName/></title>
         </b:if>
Step 6: Save the template, and refresh the post to view the updated title.