How to Remove Blog Title from the Post Title in Blogger.com

I was shocked when I came to know this and I was creating blogs all along. How can Blogger.com ( Google site) can be so dumb?

The post title is prefixed with blog title and reducing the value of premium SEO real estate space. Add to it the post title is present as H3 title in the body of the post.
So I want to show 1) How to remove blog title prefix and 2) make h3 as h1 title in the body of post.

As in the above pic select the "Expand Widget Templates".

Now to remove the blog page title find this in the code below the checkbox:

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

Replace it with:
 <b:if cond='data:blog.pageType == &quot;index&quot;'>

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

<b:else/>

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

</b:if>

Now  change the h3 to h1 as in the pic below. Or you can search the text- <h3 class='post-title     as in below:

Now save it and export it and save it on your disk. Import it for other blogs which you want to use.