Edit Blogger Template SEO Friendly

Change HTML code and manipulation template just for SEO friendly right. Now just explain you about Change the heading tags.

Change the Heading tags are very useful Because the sequence determines the heading tags is more important when google index. Sequence of the most important uses h1 tags for the most important and so on up to h6 tags. It can be used to strengthen our posts directly in google. The trick is to give the h1 tag for the title of the posting. However, if you do so at random may actually be exactly happened multiple h1 tags on your page.
The solution ...?
Some bloggers choose h1 tag fixed to the title of the blog as standartnya. And they changed the post title tag from h3 to h2. Creating a post titles list is more important. However, for those of you who still want to use the h1 tag for the title of your post to actually strengthen the index to your post?  ok, just do it...
You can follow this trick:

• Log in Blogger
• Layout
• EDIT HTML
• Layout 
• Tick Expand Widget Template
• Post Title Heading Tag Manipulation 
• Find The Code Bellow 

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

•  Change the code above with :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
          <h2 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>
          </h2>
    </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>

• Post Title Heading Tag Manipulation 

• Find The Code Bellow 

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

•  Change the code to

<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/>
              <p class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </p>
    </b:if>

•  Find the code below

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

•  And change to

<b:if cond='data:blog.pageType != &quot;item&quot;'>
            <h1 class='title'>
              <b:include name='title'/>
            </h1>
    <b:else/>
            <p class='title'>
              <b:include name='title'/>
            </p>
    </b:if> 

•  Find css code for post title and title of your blog. For example code like this. Find a similar..

.post h3 {
    ..................................
    }

    .post h3 a, .post h3 a:visited{
     ..................................................
    }

    .post h3 a:hover {
    ....................................
    }

•  Change code to

.post h1, .post h2 {
          margin:.25em 0 0;
          padding:0 0 4px;
          font-size:140%;
          font-weight:normal;
          line-height:1.4em;
          color:$titlecolor;
        }

        .post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong{
          display:block;
          text-decoration:none;
          color:$titlecolor;
          font-weight:normal;
        }

        .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
          color:$textcolor;
        } 

• The last step just find css code for tittle of your post
• Find similar like this

#header h1 {
    ............................
    }

•  Change it to

#header h1, #header p {
      margin:5px 5px 0;
      padding:15px 20px .25em;
      line-height:1.2em;
      text-transform:uppercase;
      letter-spacing:.2em;
      font: $pagetitlefont;
    }

 And you'r DONE..
CONGRATULATIONS GOOD LUCK TRYING

--------------------------------------------------------------------------------------------------------------------------------------------------