How To Add H1 Tag For Blogger Post Title For Better SEO Without Enlarge

So many bloggers trying to get Google traffic to their web site.typing Blog post title in with key words is a good for that.When someone  searching with key words in google, other's blog sites will appear in search result,not yours.
                              Here Is One solution for that.Typing blog post url in H1 tag is the solution.But the case is H1 is very large font size.In this post I will show  you to how to type blog post title with H1 tag without enlarge

STEP :1 

 Firstly we have to customize our blog post title into H1 tag   

1. Login into your Blogger Dashboard using gmail and password.
2. Then go to Template and Backup your blogger blog template before customization.because If you face any problem during customization then you can restore your blog using the backup.

3. In the template editing area, click Edit HTML >>  press in your keyboard CTRL+F to open search box in the template editing area.

4. Now find below code (In blogger template below code is used for post title tag,some times you will find another code same name,try once)

<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:f>
</b:if>
</h3>
    
5. Now change all h3 tags with h1 tag.

STEP: 2

1. Again find below code (below code is used for site title tag)

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
-----------------------
-----------------------
<h1 class='title'>
<b:include name='title'/>
</h1>

2. Now change all h1 tags with h2 tag. Now all post title tag is customized by H1 tag and site title tag is customized by H2 tag. You can see the changes in your browser. Open a blog post in a new tab. Then press CTRL+U in your keyboard and check the changes.

STEP 3:

OK.Now your all blog post with H1tag.but the problem is All are very large.Now we are going to reduce those.
follow below path
Template >Customize > Advanced > Custom CSS

then paste following code in white space

.post-title, .post h3{
line-height: 26px;
color:#000000;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;font-size:140%;font-weight:700;
text-transform: uppercase;margin-bottom:10px;
padding-bottom:5px
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display: block;
text-decoration: none;
color: #0872AF;
font-weight: normal
}
.post h3 strong, .post h3 a:hover {
color:#222222;

}


now you have to customize it.


*Change color:#000000 code with different color code for displaying in post page.

*For changing the font alter 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif 'with different font. Remember first font with quote represent main font.
Here 'Trebuchet MS' but you can 'Sans-serif'. 

*Alter font-size:140% with 120% or 150 or 160 % for decreasing or increasing font size on home page.

*Alter font-weight:700 this will change the font boldness.
You can change 700 with 400 or 500 or 900.

*Remove text-transform:uppercase,code line if you don't like all the uppercase font. Your post title will display with lowercase.

*Change color: code for visited link color
code.#222222 for changing font hover color.


You can get color code with our HTML color code generator