LATEST >>

We Started A Facebook AutoLiker & AutoCommenter & GroupPoster. Check Out Our EXETools...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Tricks » How To Remove Or Hide “Newer Post-Older Post” Links in Blog?

How To Remove Or Hide “Newer Post-Older Post” Links in Blog?

How To Remove Or Hide “Newer Post-Older Post

The question of the day is that “How To Remove Or Hide “Newer Post-Home-Older Post” Links At The Bottom Of Your Blog To Make It Like An Awesome Website?” In almost all Blogger Templates, you can find the Newer Post — Home — Older Post Links below the blog posts. If you want to remove or hide these links, just do the following simple steps:

Features:
1.) It Will Hide Your “Newer Post-Home-Older Post” Links.
2.) Your Blog Will Looks Like A Website.
3.) Quick To Load And Easy To Use.
4.) Awesome Look.
5.) Simple And Small CSS Code.

How To Do This In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To “Template”.
4.) Click “Edit HTML”.
5.) Now Search The Following Code Using (CTRL+F).

#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}

6.) Now Replace The Above Code With The Given Below…

#blog-pager-newer-link {
float: left;
display: none;
}
#blog-pager-older-link {
float: right;
display: none;
}
#blog-pager {
text-align: center;
display: none;
}

7.) Save And Done…

Customization:
1.) You Don’t Have To Customize It.
2.) Save And Done.

Note: If This Is Not Working, Feel Free To Ask More…

You Like It, Please Share This Recipe With Your Friends Using...

41 Responses to “How To Remove Or Hide “Newer Post-Older Post” Links in Blog?”

  1. Jude Lee says:

    I have to say i am very impressed with the way you efficiently blog and your posts are so informative. You have really have managed to catch the attention of many it seems keep it up!
    http://www.fadeplex.com

  2. Hi,

    When I try to find the above mentioned parameters, I couldn’t find it in my html settings :(

  3. Sebin Thomas says:

    I can’t find above code in my HTML. My Blog- Android Market Guru

    But I found this one [#header-inner,.menu ul,.comment-au1,#blog-pager-newer-link {
    float:left;
    }

    #footer,#blog-pager {
    text-align:center;
    }

    .post-header-line-1,.post-footer {
    font-size:11px;
    text-transform:none;
    margin:5px 0;
    } ]

    help me pal..

  4. Sebin Thomas says:

    It also hides my blog header and custom navigation menu. And i can’t find #blog-pager-older-link {
    float:right;
    }
    in my template..

    • EXEIdeas says:

      Remove The Previous Changes And Add The Below Codes Into Your CSS…

      #blog-pager-older-link {
      display: none;
      }
      #blog-pager-newer-link {
      display: none;
      }
      #blog-pager {
      display: none;
      }

  5. Sebin Thomas says:

    i added css to above ]]>. But it doesn’t work. See this post- camera zoom fx 3.5.3. It still there :(

  6. Anonymous says:

    Thank you, it worked!

  7. Ömer Faruk Karaaslan says:

    it is more practical to complete all block of

    div class=’blog-pager’ id=’blog-pager’

    it contains all elements about newer, older posts and home page.

    Nevertheless, thanks for sharing this.

  8. Anonymous says:

    How To Remove Or Hide “Newer Post-Older Post” Links in New Blogger template HTML editor???? Please help..
    Because I did not find the code in new blogger html editor.

    “#blog-pager-newer-link {
    float: left;
    }
    #blog-pager-older-link {
    float: right;
    }
    #blog-pager {
    text-align: center;
    }”
    My Blog is http://www.mobilepricess.com

  9. Can I hide newer posts? Please Help

    .blog-pager-older-link, .home-link,
    .blog-pager-newer-link {
    background-color: $(content.background.color);
    padding: 5px;
    }

    .footer-outer {
    border-top: $(footer.bevel) dashed #bbbbbb;
    }

  10. Anonymous says:

    Hey! My blog is http://deathmetalnepal.blogspot.com/ and I don’t seem to find the above mentioned code at all. Please could you see it once and tell me what to replace with what? Thank you very much in advance!

  11. हिंदी गाने says:

    How to remove the said links only from my blogger home page and not from the posts?
    -hinditracks.blogspot.com

  12. Vlad Topliceanu says:

    great, thank you

  13. Monu Kumar says:

    My website is http://mypinkhealth.blogspot.in/ and I can not find the said code. Pls. help

  14. Anonymous says:

    Is there a way to hide page navigation (Newer post/Older post) in expanded posts after jump breaks (“Read more”). The main blog navigation should stay – I just want to remove the “Newer post/Older post” links that appear in single posts after clicking “Read more”.
    I would be very happy if you could help : ) ! Thank You.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>