How to Optimize Blogger Post title with H1 tag?

Headings play very important role in Blogger's Search Engine Optimization. Keywords placed inside headings are easily crawled by search engines. Default Heading tags used in Blogger templates are H2 and H3 these should be replaced to H1 tag.

Steps:

1. Log to your blogger account
2. Design
3. Edit HTML
4. Expand Widget Templates

Find this code:

<b:if cond='data:post.title'> <h3 class='data-title entry-title'>
<b:id cond='data:post.link'>
<a expr.href='data:post.link'><data:post.title/></title>
<b:else/>
<b:if cond='data:post.url'>
<a expr.href='data:post.url'><data:post.title>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

For new Blogger interface that are modified and are able to open in template designer find this code:

<b:if cond='data:post.title'> <h2 class='data-title entry-title'>
<b:id cond='data:post.link'>
<a expr.href='data:post.link'><data:post.title/></title>
<b:else/>
<b:if cond='data:post.url'>
<a expr.href='data:post.url'><data:post.title>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>

and replace with H1 tags in as:

<b:if cond='data:post.title'> <h1 class='data-title entry-title'>
<b:id cond='data:post.link'>
<a expr.href='data:post.link'><data:post.title/></title>
<b:else/>
<b:if cond='data:post.url'>
<a expr.href='data:post.url'><data:post.title>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

Heading H1 is too large and it looks bad so add another piece of css code in skin above

]]></b:skin>

h1.post-title, .post h1 #blog1 h1, #blog H1 {font-size:1.3em;}

tip: You can also use other css properties, background etc.