Optimize H2 in label and Popular posts

By default all blogger templates have H1 tags assigned for Homepage Main Title, H2 tag for blog description and header dates,sidebar headings and H3 tag for Post Titles.Last time i have instruction about Heading Tags Optimization in Blogger To day i will show how to Optimize H2 in label and popular posts.


First step:Install SEO Doctor:

You need install SEO Doctor.It is an extension for Firefox browser only and you need to use this browser in order to install SEO Doctor.Read more about Guide install, use the addon SEO Doctor.If you ready have it go to next step now.


Step Two:Optimize H2 in Popular posts:

Optimize H2 in Popular posts

You need have install Popular posts widget  first.Next step go to your Templet open edit HTML.Find widget-content popular-posts  to go to code like this:

<b:widget id='PopularPosts1' locked='false' title='PopularPosts' type='PopularPosts'>
        <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
      </b:widget> 

Then Replace<h2><data:title/></h2> with <h3><data:title/></h3> and replace all red code with this code :

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

Step Three:Optimize H2 in label posts:

Optimize H2 in label posts

Open your templet and find:

 <a expr:href='data:label.url' rel='tag'><data:label.name/>

Replace with this code:
<h2><a expr:href='data:label.url' rel='tag'><data:label.name/></h2>


If you have anny question feel free to ask me.Have nice day.