SitePoint Sponsor

User Tag List

Results 1 to 18 of 18
  1. #1
    SitePoint Member
    Join Date
    Jan 2014
    Posts
    7
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    changing h3 to h1 header tags gives two post title

    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

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,046
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    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?

  3. #3
    SitePoint Member
    Join Date
    Jan 2014
    Posts
    7
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    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

  4. #4
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,253
    Mentioned
    196 Post(s)
    Tagged
    2 Thread(s)
    That page has 2 h1 tags
    Microprocessors
    Blog Archive

    The 2 titles are links in an h1 tag and a strong tag
    HTML Code:
    <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>

  5. #5
    SitePoint Member
    Join Date
    Jan 2014
    Posts
    7
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    sorry i didn't understand, could you please elaborate? what changes do i need to make in html?

    thanks

  6. #6
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,046
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Try removing the first <h1> tag and its contents altogether.

    Then change this:

    Code:
    <strong><a href='http://microprocessor-microcontroller.blogspot.com/2014/01/microproccesors.html' target='_blank' title='Microproccesors'>Microproccesors</a></strong>
    to this:

    Code:
    <h1><a href='http://microprocessor-microcontroller.blogspot.com/2014/01/microproccesors.html' target='_blank' title='Microproccesors'>Microproccesors</a></h1>

  7. #7
    SitePoint Member
    Join Date
    Jan 2014
    Posts
    7
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    i think your way i have to make change to every blog post. i want to make change in the template html

  8. #8
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,046
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    That's not good.
    Can you post the html of your template?

  9. #9
    SitePoint Member
    Join Date
    Jan 2014
    Posts
    7
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    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

  10. #10
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,046
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    Can you post the relevant piece of the template then?

  11. #11
    SitePoint Member
    Join Date
    Jan 2014
    Posts
    7
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Below are the four <h1> tags found in the template-

    1.
    HTML Code:
    <h1 class='date-header'><span><data:post.dateHeader/></span></h1>
    2.
    HTML Code:
    <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>
    3.
    HTML Code:
    <h1><data:title/></h1>
    4.
    HTML Code:
    <h1><data:title/></h1>
    Besides the <h1> tags below are related <h1> codes that was found in the template

    HTML Code:
    /* 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
    Last edited by guido2004; Feb 2, 2014 at 03:16. Reason: added html tags

  12. #12
    SitePoint Member
    Join Date
    May 2014
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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 .

  13. #13
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,408
    Mentioned
    273 Post(s)
    Tagged
    5 Thread(s)
    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.

  14. #14
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,046
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    @sumalama ;

    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?

  15. #15
    SitePoint Member
    Join Date
    Jan 2014
    Posts
    7
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    no i didn't, still looking for solution

  16. #16
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    6,046
    Mentioned
    219 Post(s)
    Tagged
    12 Thread(s)
    When I go to the link you posted in the third post, I see "Blog has been removed"

  17. #17
    SitePoint Member
    Join Date
    Jul 2014
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Maybe you missed a </div> in line 2

  18. #18
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,408
    Mentioned
    273 Post(s)
    Tagged
    5 Thread(s)
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •