Replace default Blogger Title With Post Title

You might have noticed that the default title for your blogger pages is the name of your blog itself. The disadvantage of using the default settings is that you will see the same title for all your posts. So if a user bookmarks any of your posts, he will see the blog name as the bookmark instead of the post title. This can also have a negative impact on search results as priority will be given to your blog name rather than what you post. You can easily modify the template to make the title change dynamically according to your posts, which is explained in this post.
You just need to replace one line of code from your template with another block of code. The step by step instructions are given below.

Note: Before you begin, take a backup of your template. This can be useful to restore the template in case things don't work as expected. You will have an option to take backup when you open the template section of your blog.

Once you have a backup, you can safely play with the code.

• Go to the template section of your blog and select edit HTML. Once you confirm your action, you will see a page full of HTML code.
• Now press Ctrl+F to open the find utility of your browser and search for the following code.

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

•  Select that code and replace it with the following code.

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

• Thats all you need to change.
• Now save the changes and preview your page.

You will notice that, when you open your home page, you will see your blog name as the page title (on top of your browser), and when you open any post, you will see the post title as the page title.