Dynamically change the blogger title according to post

In this post i will explain how to edit html of your blogger blog so that the title of your blog changes dynamically depending on your post title.That is the blog title would be same as the heading of the post.

1.First go to 'edit html' page in blogger.

2.Click (ctrl+F) and find the code below:

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

3.Replace it with the following code:

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

As simple as that.