How to Set the Heading on the Blog

H1, H2, H3, H4, H5, H6 is one of the important factors for SEO optimization on the blog. Because the index system by a blog search engine, both the template and the content is in the blog starting H1 tag and continued until the last H6 tags.
To that end, a good arrangement of the H1 tag-H2-H3-H4-H5-H6 will help increase the page rank and number of visitors. Before stepping in the way set H tags in a template blog helps us to know the functions and positions of the TAG.

 How to Set the Heading on the Blog

Selector H1
Heading (title blog)
Title postings or articles on the position Single Post

Selector H2
Sub Heading or Blog Description (If it contains keywords) Sub Sub Heading or Title Posts

Selector H3
Article Title Posts

Selector H4
On the menu is the title of the widget sidebar like labels, popular posts, Recent Post, Related Post, and on the komentar''12 response to Bla ... bla .... bla .... ''

Selector H5
name of commentators (such as links) in the comments section

Selector H6
In the footer as 'Copyright © 2014. Ash Princess Kawaii, powered by bla blah blaah'

In this regard, a step in the regulation of TAG H on the blog template; How to change the title tag on the homepage blog into h1 and h3 in the posting.

find code:

<div class='titlewrapper'

dst..

dst..

dst..

</div> 

Replace all of the code above with this code:

<div class='titlewrapper' style='background: transparent'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

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

<b:include name='title'/></h1>

<b:else/>

<h3 class='title' style='background: transparent; border-width: 0px'>

<b:include name='title'/></h3>

</b:if>

</div> 

If at some there is more than one code <div class='titlewrapper',  replace it with the code above!

How to change the description tag becomes h2 Blog

find code :

<div class='descriptionwrapper'>

dst...

dst..

dst...

</div>

 change to:

<div class='descriptionwrapper'>

<h2 class='description'><span><data:description/></span></h2>

</div>

If at some there is more than one code <div class='descriptionwrapper'> replace it with the code above!

How to change the h3 tag into the post on the homepage, and became h1 on the single post page position.
a. Changing into a h3 heading tags posts on the homepage :
Find code :
<div class='post hentry uncustomized-post-template' ,on 4 or 5 lines of code below this you will find a code like this:

<h? class='post-title entry-title' itemprop='name'>

.....

.....

.....

</h?>

change tag heading becomes h3.
b. Changing the head post becomes h1 tag on the page post (single post)

Find code:

<b:includable id='post' var='post'>

kode bla...bla...bla...

kode bla...bla...bla...

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
bla...bla...bla...
bla...bla...bla...
</h3>
</b:if>

<div class='post-header'>

Then replace the blue code with the code below:

<a expr:name='data:post.id'/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.title'>

<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'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if>

<b:else/>

<h1 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'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h1>

</b:if>

The final step to save your template. Usually by changing Tags H1, H2, H3, H4, H5, H6 on Blogspot Template is then automatically the font size, title, description and title of the blog will change according to the setting CSS code.