Hi,
i have a blogspot blog and i changed header tags from h3 to h1 and it gives me two blog post title instead of one. that is after changing the header tags a new post title with same name appears over the original one.
can somebody help me?
thanks
Hi there,
Welcome to the forums 
that is after changing the header tags a new post title with same name appears over the original one.
That sounds most odd.
Could you post a link to your site?
Hi,
here is the blog http://microprocessor-microcontroller.blogspot.com/
the blog post title appears twice when h1 tag is replaced by h3 and h2 tag is replaced by h1
That page has 2 h1 tags
Microprocessors
Blog Archive
The 2 titles are links in an h1 tag and a strong tag
<h1 class='post-title entry-title' itemprop='name headline'>
<a href='http://microprocessor-microcontroller.blogspot.com/2014/01/microproccesors.html' itemprop='url'>Microproccesors</a>
</h1>
<div class='post-body entry-content' id='post-body-1362829663801314165' itemprop='description articleBody'>
<textarea id='postData-1362829663801314165' style='display:none;'><div dir="ltr" style="text-align: left;" trbidi="on">
The knowledge of Microprocessors and microcontroller is immense since they are used in many electronic system in almost all application from home to industrial. Learning microprocessors and microcontroller requires knowledge of both hardward and software. Hardware means learning how to connect the microprocessor or microcontroller to the external world. This requires connecting external capacitors, resistors and inductors in order to supply power, perform specific function etc. Software on the other hand means that designer needs to learn assembly language which are often specific to the microprocessors and microcontrollers, and higher language such as C++ etc. But the fruit of mastering them is immense. </div>
</textarea>
<div class='post-summary' id='summaryContainer-1362829663801314165'>
<a class='thumbimgx' href='http://microprocessor-microcontroller.blogspot.com/2014/01/microproccesors.html' target='_blank' title='Microproccesors'><img alt='Microproccesors' class='post-thumbnail' height='72' itemprop='image' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif' width='72'/></a>
<strong><a href='http://microprocessor-microcontroller.blogspot.com/2014/01/microproccesors.html' target='_blank' title='Microproccesors'>Microproccesors</a></strong>
<p> The knowledge of Microprocessors and microcontroller is immense since they are used in many electronic system in almost all application fro...</p>
</div>
sorry i didn’t understand, could you please elaborate? what changes do i need to make in html?
thanks
Try removing the first <h1> tag and its contents altogether.
Then change this:
<strong><a href='http://microprocessor-microcontroller.blogspot.com/2014/01/microproccesors.html' target='_blank' title='Microproccesors'>Microproccesors</a></strong>
to this:
<h1><a href='http://microprocessor-microcontroller.blogspot.com/2014/01/microproccesors.html' target='_blank' title='Microproccesors'>Microproccesors</a></h1>
i think your way i have to make change to every blog post. i want to make change in the template html
That’s not good.
Can you post the html of your template?
i want to avoid posting the entire template,plz understand, is there no other alternative? …i have been trying for days now, only to come back here…i have changed all possible permutation of h1, h2 tags …but in vain…
i would appreciate your helps
thanks
Can you post the relevant piece of the template then?
Below are the four <h1> tags found in the template-
<h1 class='date-header'><span><data:post.dateHeader/></span></h1>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<h1><data:title/></h1>
<h1><data:title/></h1>
Besides the <h1> tags below are related <h1> codes that was found in the template
/* Headings
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.post-summary strong,
.featuredpost .labeltext strong {
font:$headingfont;
text-transform:none;
margin:0;
}
.sidebar .widget > h2,
.footer .widget > h2,
.sf-menu a,
ul.navtab li a {
font:$sideheadingfont;
}
h1 {
font-size:180%;
}
h2 {
font-size:160%;
}
h3 {
font-size:140%;
}
h4 {
font-size:130%;
}
h5 {
font-size:120%;
}
h6 {
font-size:110%;
}
/* Header
-----------------------------------------------
*/
#header h1,
#header p {
margin:0;
padding:0;
font:$(head.font.type);
text-transform:uppercase;
color:$(head.text.color);
}
#header a {
color:$(head.text.color);
text-decoration:none;
}
#header a:hover {
color:$(head.text.color);
}
#header .description {
margin:0;
padding:0 0 10px;
text-transform:capitalize;
font:$(headdesc.font.type);
}
#header img {
margin-$startSide:0;
margin-$endSide:auto;
}
#headads .widget > h2 {
display:none;
}
#headads .widget-content {
margin:10px 0 0;
}
----------------------
.item .post h1.post-title,
.static_page .post h2.post-title {
font-size:200%;
margin:5px 0 10px;
padding:5px 0;
border-bottom:1px solid $(wid.border.color);
}
.item .post h1.post-title a,
.static_page .post h2.post-title a {
color:$(wid.headtex.color);
text-decoration:none;
}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
margin-bottom:10px;
}
.post-body h1 {
font-size:180%;
}
.post-body h2 {
font-size:160%;
}
.post-body h3 {
font-size:140%;
}
.post-body h4 {
font-size:130%;
}
.post-body h5 {
font-size:120%;
}
.post-body h6 {
font-size:110%;
}
.post-body .left {
float:$startSide;
margin:0 10px 5px 0;
}
.post-body .right {
float:$endSide;
margin:0 0 5px 10px;
}
.post-body .center {
margin:10px 0 15px 0;
display:block;
text-align:center;
}
.breadcrumbs {
padding:5px 10px;
background-color:$(wid.content.color);
border:1px solid $(wid.border.color);
margin:10px 10px 0 5px;
}
----------
//<![CDATA[
function nexprev(c){var b=c("a.blog-pager-newer-link");var a=c("a.blog-pager-older-link");c.get(b.attr("href"),function(d){b.html("<h6>Next</h6><h5>"+c(d).find(".post h1.post-title").text()+"</h5><span></span>")},"html");c.get(a.attr("href"),function(d){a.html("<h6>Previous</h6><h5>"+c(d).find(".post h1.post-title").text()+"</h5><span></span>")},"html")};
nexprev(jQuery);
//]]>
i appreciate your help, thanks
When You Are Use H1 Tag Then You Can See the Title of Website is very Big and When You are use the H3 tag then You can See the Title is looking Small .
You should never choose heading tags based on size. Although it’s true that the browser default is to display <h1> headings at a larger size than <h3>, the size can be adjusted with CSS to suit the design. Use headings as they were intended, with <h1> for the most important on a page, and the other tags for progressively less important headings.
I’m sorry, I missed your reply to me asking you to post the relevant bits of the template.
Did you solve this problem in the meantime?
no i didn’t, still looking for solution
When I go to the link you posted in the third post, I see “Blog has been removed” 
Maybe you missed a </div> in line 2
As the blog has been removed, and the OP has not returned to explain why, there seems little point in guessing at the issue.
Thread closed.