How to Remove Blog Name from Post Title on Blogger Templates

Blogger.com is a website where you can build a website for free. After creating your first blog and publishing your posts, you find there is no much search engine traffic to your blog. There are many reasons for your problem. One of them is that your blog post titles are not displayed in attractive ways on the result page of search engines. Usually you want to show your post title only, but the default blogger templates are set to show both your blog name and your post title. The question is “How can you remove the blog name from your blog post titles?”

How to remove blog name from your post title on blogger templates

Login to your blogger account and view your blog;

Click on the link “design” located on the top right corner of your blog;

On the design page, you will see the link “edit HTML” on the top left and click it;

On the next page, you will see the “edit template” window containing all the XML codes for your blogger template;

Use the search function “Ctrl + F” to find the line: <title><data:blog.title/></title>

And replace it with the following XML codes:
<b:if cond='data:blog.pageType == &quot;index &quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pagename/></title>
</b:if>

Click on the “save template” to save the change you have made.

If the above code doesn't work, use following code please.
My update:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Tip:
Before making the change, you should backup your original template first.
Before saving the change, you may want to use the preview function to see whether you XML codes can be implemented.

To confirm whether your blog name has been removed from your blog post title, you can check the title displayed on the top left corner of your web browser or you can run a quick search in Google or Bing.

Happy blogging!