Heading tags defines the size of the the text. H1 is the biggest and H6 the smallest one. Heading Tag (H1, H2, H3, H4, H5, H6) is important for Search Engine Optimization (SEO). Search Engines like Google gives more importance to H1 text, the most important keywords are in the title of the posts so we need to use H1 for them. Blogger post titles are generally set to H2 or H3 as default dependent on your theme.
To set the post titles to H1 follow these steps.
Step 1:
Log in to Blogger, go to Design / Layout > Edit HTML and tick the "Expand Widget Templates" checkbox.
Step 2:
Now find (CTRL+F) this in the code:
Step 3:
Now replace <h3 class='post-title entry-title'> to <h1 class='post-title entry-title'> and </h3> to </h1>. Check it below
This example shows that your template use H3 tag for post title (If you don't find it, your template may use H2 tag for post title). Replace H3 (or H2) at this code with H1, for example,
Step 4:
Now find (CTRL+F) this in the code:
And you need to change post title font size by adding this code before/above it.
Step 5:
Save the template.
To set the post titles to H1 follow these steps.
Step 1:
Log in to Blogger, go to Design / Layout > Edit HTML and tick the "Expand Widget Templates" checkbox.
Now find (CTRL+F) this in the code:
<b:if cond='data:post.title'> |
Step 3:
Now replace <h3 class='post-title entry-title'> to <h1 class='post-title entry-title'> and </h3> to </h1>. Check it below
<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> |
This example shows that your template use H3 tag for post title (If you don't find it, your template may use H2 tag for post title). Replace H3 (or H2) at this code with H1, for example,
<b:if cond='data:post.title'> <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> |
Step 4:
Now find (CTRL+F) this in the code:
]]></b:skin> |
And you need to change post title font size by adding this code before/above it.
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; } |
Step 5:
Save the template.
 |
