How To Change Heading Tag For Better SEO in Blogger

Heading Tag (h1, h2, h3, h4, h5) is very important for SEO. All of Blogger widgets (gadgets) title use h3 or h2 tags. So blogger template use h2 or h3 tag for post title.If you want to improve your site SEO, you need to use h1 tag for post title.

Follow the simple steps below to do it:

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below 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>

Note: If you can't find above code search it replacing h3 with h2.

4.Now Replace above code with below code:

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

5.Now find ]]></b:skin> tag.

6.Copy below code and paste it just before ]]></b:skin> tag.

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {
border-bottom:0px Dotted #000000;
border-top:0px Dotted #000000;
margin:.25em 0 0;
padding:0 0 4px;
font-size:150%;
font-weight:normal;
line-height:1.4em;
color:#1c3c6f;
}

Note:You can change values of above code to match your template.

7.Click on "Save Templates" and now you are done.

READ MORE - How To Change Heading Tag For Better SEO in Blogger

How To Hide Title From Blogger Header

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see this :

#Header h1

Look at the picture below.

3.Copy below code and paste it after above line.

display:none;

Look at the example below.

4.Now save your template and you are done.

READ MORE - How To Hide Title From Blogger Header

How To Make Your Blog Name Scrolling

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see this:

</head>

3.Now copy below code and paste it before above code.

<script type='text/javascript'> var txt="Enter Your blog name and little description about your site "; var espera=200; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera); } rotulo_title(); </script>

Note : You must replace 'Enter Your blog name and little description about your site' with your site details.

4.Now save your template and you are done.

READ MORE - How To Make Your Blog Name Scrolling

How To add Image Icon Before or After Post Titles

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:-

<b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a>

4.If you want to add image Before post title then add below code between above 2 lines.

<img src="Your image URL here"/>

Note : Remember to Replace "Your image URL here" with your real image URL.

After adding code, it look like below.

If you want to add image After post title then add the code like this.(after the above 2 lines)

5.Click on "Save Templates" and you are done.

READ MORE - How To add Image Icon Before or After Post Titles

How To Add Posted By Line Below Post Title

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

4.CUT above code and paste it just after,

<div class='post-header-line-1'/>

or

just before,

<data:post.body/>

5.Click on "Save Templates" and refresh your site.

READ MORE - How To Add Posted By Line Below Post Title

How To Change Default Title Tag on Blogger for SEO

This Tip will change the Blogger's title tag to help amplify relevant keywords to your blog which improve the search engine ranking of your blog.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see this:-

<title><data:blog.pageTitle/></title>

3.Now Replace above line with below code.

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

Click on "Save Templates" and you are done.

READ MORE - How To Change Default Title Tag on Blogger for SEO

How To Remove Links from Header and Post Titles

HOW TO REMOVE HEADER LINK

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Template"

3.Scroll down to where you see this:-

<div class='titlewrapper'>
<h1 class='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>
</h1>
</div>

4.Replace above code with below code.

<div class='titlewrapper'>
<h1 class='title'>
<data:title/>
</h1>
</div>

5.Preview and save your Template.

HOW TO REMOVE POST TITLE LINK

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Template"

3.Scroll down to where you see this:-

<h3 class='post-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>
</h3>
</b:if>

4.To remove the permalink Replace above code with below code.

<h3 class='post-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'>
<data:post.title/>
</b:if>
</h3>
</b:if>

5.Preview and save your Template.

READ MORE - How To Remove Links from Header and Post Titles