Manipulation Heading Tags For Your Blog

As we know the sequence determines the heading tags is more important when google index. heading tags will begin dai menenelusuri h1 to h6. It can be used to strengthen our posts directly in google. The trick is to give the h1 tag for the post title. However, if you do so arbitrarily, it may actually happen multiple h1 tag on your page. We need to know, the tag multiple h1 headings are not good for our blog.

Some bloggers choose to remain h1 tag as the default blog title. And they changed the title tag posts from h3 to h2. Make the post title of the list is more important. However, for those of you who still want to use h1 tag for the title of your post to really strengthen the index to your post? You can follow the following trick:

1. Login to your Blogger Account (Dashboard) -> Lay Out -> Edit HTML
2. Dont forget to Check Expand Widget Templates

Post Subject Heading Tag Manipulation
- Find the following code ..

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

- Replace all of the above code with the code below:

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

Heading Title Blog Tag Manipulation
- Find the code below

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

- Then replace with this code :

     <b:if cond='data:blog.pageType != "item"'>
               <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 following code

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

-  Replace with this code

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

For CSS
- Find css code post title and the title of your blog. For example code like this. Find similar.

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

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

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

- Replace the code with the code below

     . post h1,. post h2 {
       margin: .25 em 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 span,. post h2 a,. post h2 a: visited,. post h2 span {
       display: block;
       text-decoration: none;
       color: $ titlecolor;
       font-weight: normal;
     }

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

- One more step, namely the search for the title of the blog css code. Find similar code below

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

- Replace the code below

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

 - Then Save Your Template.

Ok so this tutorial, hopefully useful for all of you, Do not forget to comment. Thanks ... 

Related Post:

Comments