Featured
loading...

Changing The Post Title Tags Into H1 Dynamic Heading in Blogger

Today, In this post I will guide you, How to change your post title tags into h1 dynamic heading in blogger.

You can use this tricks in wordpress or blogger. If the blog is using the Genesis framework or Thesis sure when you open the article / post on the blog, the title of his post turned into a moment while Homepage H1, H2 title of his post is. This is an On Page SEO because Google can figure out which is more important, the title or the title of the blog post / article that blog. This trick edible dynamic heading. In addition to making your blogger into a dynamic heading, the code that I share in this article can make the installation of the rel = "author" in the title of the post automatically when either the homepage or while in the post itself.

How to change Dynamic Heading in Blogger

1. Go to Blogger> Template> Edit HTML
2. Find this code 
<div id='header-inner'> 
  <div class='titlewrapper'> 
    <h1 class='title'> 
      <b:include name='title'/> 
    </ h1 > 
  </ div> 
  <b:include name='description'/> 
</ div>  

3. Change the code to be as follows
 <! - No header image -> 
<div id='header-inner'> 
  <div class='titlewrapper'> 
    <b:include name='title'/> 
  </ div> 
  <b: include name = ' description '/> 
</ div>  

4. After doing 3. option. You scroll down, then you will find a code like below
 <b:includable id='title'> 
  <b:if cond='data:blog.url == data:blog.homepageUrl'> 
    <data:title/> 
    <b:else/> 
    <a expr: href = ' Data: blog.homepageUrl '> 
      <data:title/> 
    </ a> 
  </ b: if> 
</ b: includable>  

5. Replace with the following code:
 <b:includable id='title'> 
  <b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:blog.pageType != "static_page"'> 
      <h1 class='title'> 
        <a expr:href='data:blog.homepageUrl'> 
          <data:title/> 
        </ a> 
      </ h1> 
      <b:else/> 
      <h2 class='title'> 
        <a expr:href='data:blog.homepageUrl'> 
          <data:title/> 
        </ a> 
      </ h2> 
    </ b: if> 
    <b:else/> 
    <h2 class='title'> 
      <a expr: href = 'Data: blog.homepageUrl'> 
        <data:title/> 
      </ a> 
    </ h2> 
  </ b: if> 
</ b: includable>   

Final Find this code:
<b:if cond='data:post.title'> 
  <h3 class='post-title entry-title' itemprop='name'> 
       Dozens - hundreds of code 
</ h3> 
</ b: if>  

But if template using H2 tags, so find also that as this....
<b:if cond='data:post.title'> 
  <h2 class='post-title entry-title' itemprop='name'> 
       Dozens - hundreds of code 
</ h2> 
</ b: if>  

To look for it, you can use (Ctrl + F) and Search
<h3 class='post-title entry-title' itemprop='name'> 
or
<h2 class='post-title entry-title' itemprop='name'> 
Change the code into the code below:
<b:if cond='data:blog.pageType == "static_page"'> 
<b:if cond='data:post.title'> 
<h1 class = 'post-title entry-title' itemprop = 'name '> 
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'> 
<data:post.title/></a><b:else/><b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'> 
<Data:post.title/></a><b:else/><data:post.title/></b:if></b:if></h1></b:if></b:if>     <b:if cond='data:post.title'>  <b:if cond='data:blog.pageType != "static_page"'>       <h2 class = 'post-title entry-title' = itemprop 'name'><b:if cond='data:post.link'><a expr:href='data:post.link' expr:title='data:post.title'> <Data: post.title / > </a> <b:else/> <b:if cond='data:post.url'> <a expr: href = 'the data: post.url'cond = 'Data: post.title'> <h1 class='post-title entry-title' itemprop='name'><b:if cond='data:post.link'><a expr: href ='Data : post.link 'expr: title ='Data: post.title'> <data:post.title/> </a><b:else/><b:if cond='data:post.url'><a expr: href ='the data: post.url'expr: title='Data:post.title'><data:post.title/></a><b:else/> <data:post.title/></b:if></b:if></h1></b:if></b:if>  

FINAL WORDS: After that do not forget to save your changes in the templat.
loading...
loading...
author

Author Name

Author Description!

Get Free Email Updates to your Inbox!

Post a Comment

www.CodeNirvana.in

new

Total Pageviews

Copyright © Tips, Tools, Tutorials and Inspiration - Genie Yard | Designed By Code Nirvana