How to add the Post Title Before the Blog Title in Blogger?

It has been always annoying me to find my Blog name in front of all my Posts titles. So, I searched and found a very simple solution to fix it:
Go to Template and open it to edit the HTML
Search for this code:

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

Replace it with this code:

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

and Save.... 

Ta Ta :)