Remove/Hide “Newer Post-Older Post” Links in Blogger

Remove/Hide

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:

  • Go to Blogger Layout page and click Edit HTML link

  • Then Search(Ctrl+F) your template to find the following codes:
    #blog-pager-newer-link {
    float: left;
    }

    #blog-pager-older-link {
    float: right;
    }

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

  • Now Replace the above code as 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;
    }

  • Save the Template. Finished!

HAPPY BLOGGING!

You Might Also Like:






Article by Shafar.
Author: Owner and Admin of TipsBlogger.
To submit your guest posts here, please read the Guidelines and Benefits.
Get Updates via: Twitter | RSS Feed | Email

31 Responses to “Remove/Hide “Newer Post-Older Post” Links in Blogger”

  1. mybands says:

    i need ur help, how to view the code in posting like u?

  2. Shafar says:

    @mybandsUse ‘blockquote’ from the post editor to display CSS and HTML codes in posting.

  3. qarla says:

    Thanks for this wonderful post! ;)

  4. Anonymous says:

    Thanks, very useful

  5. Mammootty says:

    Nice article… you wrote it in a simple way..happy blogging…

  6. Brad Hill says:

    I need help in hiding the older and newer links on the home page and all post pages. I only want it to display on the label pages. Mahalo.

  7. Brad Hill says:

    I need help in hiding the older and newer links on the home page and all post pages. I only want it to display on the label pages. Mahalo.

  8. Shafar says:

    @Brad HillYou cannot display those links only in Label pages. When it is hidden, it is applicable to the whole blog pages!Regards..

  9. Shafar says:

    @Brad HillYou cannot display those links only in Label pages. When it is hidden, it is applicable to the whole blog pages!Regards..

  10. Anonymous says:

    how do i Remove/Hide "Newer Post-Older Post" Links on the main page only. i only want this to show up when people click on my labels link.can u help?

  11. Anonymous says:

    how do i Remove/Hide "Newer Post-Older Post" Links on the main page only. i only want this to show up when people click on my labels link.can u help?

  12. Shafar says:

    @AnonymousHey, read my reply to Brad Hill above your comment! :)

  13. Shafar says:

    @AnonymousHey, read my reply to Brad Hill above your comment! :)

  14. Markamoment says:

    Thanks a ton, really good, nice, easy and efficient information.

  15. kayleen says:

    hi, i was wondering how i can move the newer post/older post. when i click on my labels link they show up in the top right corner instead of below and end up pushing everything in my right sidebar down below the blog posts. thank you!

    • @kayleenHi kayleen, that’s the problem of your theme. If this problem is too irritating, just change the theme! Check my Blogger Templates showcases!

      Regards

    • bryan says:

      I have the same problem but the older post link pushes everything in my sidebar WAY down ONLY on the first page. so if you click the older post link and actually go to the older posts everything is back to normal. How the hell do you fix this? it just came out of nowhere I haven’t made any template adjustments at all, just adding posts as normal.
      http://metalopolisvideos.blogspot.com

    • @kayleen
      Hi kayleen, that’s the problem of your theme. If this problem is too irritating, just change the theme! Check my Blogger Templates showcases!
      Regards

    • Fish says:

      If you are still struggling with this, there is a solution:

      1. Go to Layout>Edit HTML
      2. Make sure you have checked the option “Expand Widget template”

      3. Ctrl + F and search for following code inside the brackets

      []

      4. Just below the above code paste the following code inside the brackets

      []

      5.Preview and Save the template.

      Let me know if you still face any problems

      This should clear your

  16. Luka says:

    Hi, this is awesome & easy to do, thanks for the help! :)

  17. Fish says:

    The above comment did not post correctly, here the solution once again:

    1. Go to Layout>Edit HTML
    2. Make sure you have checked the option “Expand Widget template”

    3. Press ctrl + F and search for following code inside the brackets

    [id='nextprev']

    4. Just below the above code paste the following code inside the brackets

    [<div class='clear'/>]

    5.Preview and Save the template.

    Let me know if you still face any problems

  18. doc says:

    hi i want to use the new blogger template designer just out of beta … is there any way to remove the 'newer' 'older' and home links on those? can't find the same code in the new html!

  19. @doc
    1. Go to TEMPLATE DESIGNER – Advanced – Add CSS – and add the code given in the second box above.
    OR
    2. Expand your templates and try searching keywords like “newer” or “older”. You might find the exact or similar line to remove those links. Don't forget to back-up your template.

    Let me know whether it worked fine.

  20. doc says:

    top skills! … tried the search (option 2) no good. but option 1 works fine … any ideas about removing the 'subscribe to' link?

    thankyou very much, doc

  21. Vc Aneee says:

    i am using a new type Templet, i can't find

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

    #blog-pager {
    text-align: center;
    }
    these in my html
    what i can do ?

  22. @Vc Aneee
    Go to TEMPLATE DESIGNER – Advanced – Add CSS – and add the code given in the second box above.

Leave a Reply