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 May Also Like:

Article by Shafar.
About the Author: Tech Freak, Android Lover, Wordpress Addict, Social Media Junkie and the Founder of TipsBlogger.
To submit guest posts to TipsBlogger, please read the Guidelines.


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

  1. Shafar says:

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

  2. mybands says:

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

  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. Shafar says:

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

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

  9. Shafar says:

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

  10. Markamoment says:

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

  11. 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!

  12. @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

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

  14. @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

  15. Luka says:

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

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

  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. @docExpand your widget templates and search for(Ctrl+F) and REMOVE this line:
    <b:include data='feedLinks' name='feedLinksBody'/>

  22. 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 ?

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

  24. Amdy says:

    Hello,
    Thanks for sahring the information. I have used that in my blog site: http://www.bengalkolkataonline.co.cc

    Thanks

  25. Frandy N.W. says:

    Thanks for your info :)

  26. Thank you very much for your clear explanation!

  27. Live Cricket says:

    This has been of great help. It worked on most of my blogs but I have one blog that has numbers installed instead of old and new post. Can u please help me hack that please. Link is http://www.sirkhailbusinessaffairs.com/ . Please Check

  28. Shafar says:

    @Live Cricket
    I found your blog is having the same “older-newer post” links. If you have changed your theme after commenting here, then sorry for the late reply from my part :)

  29. I tried and working fine. Thanks for this.

  30. Mattmatthi says:

    I have a problem. I customized the navigation-buttons, replaced them with a picture, and removed the “home” button. But the older (in norwegian: tidligere) and newer (nyere) buttons are misplaced, they should switch places! How?

  31. Shafar says:

    @Mattmatthi
    Hi, I guess you have done some advanced customization! I’m not sure how to switch those two links now. Why don’t you try page navigation for blogger since it looks better.

  32. Mahbub says:

    Hi,
    I just want to remove the old posts option below my posts and want to show pages like page 1 2 3 4 5 ….

    How can I do it? Please help me.

  33. Angelina says:

    Hey, how do I allow people to view older posts until a certain date only?

  34. Shafar says:

    @Angelina
    I guess there is no option in blogger to do this by a widget or changing the codes. However you can do it manually by making the posts you want to hide as ‘Draft’ in the ‘Edit Posts’ section.

  35. tomyares says:

    thank’s very useful for me

  36. deya says:

    hmm :-? i can’t find that code in my html code… i have TOTALLY other words ’bout newer and older posts and if replace them it doesn’t work :|

  37. Freaking helpful!!! Thanks, man!

  38. Sunil says:

    Hi,

    I don’t want to delete the links, but want to change it into “Next Page” “Previews Page”

    Please guide me

  39. Khalid Irfan says:

    can you please guide here how to remove external links when one using autoblog plugin for blogger

  40. Shafar says:

    @Khalid Irfan
    Sorry I didn’t get your question. Is there any autoblog plugin for blogger?!!

  41. Myzz Noor says:

    Thanks a lot.

  42. maria says:

    It seems i had to write it to see what was missing..dont know if that was my mistake..
    but i added the code below on html and it worked! thnxx!

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

  43. This a good feature. I used it for one of my blog. Thnks for the hack!

  44. Artemisia says:

    Is there a way to wrap the following code around the entire older-newer-home code so that the code only appears if the page is a post rather than the main page? I’m trying to do it but I keep getting a Google error code – one of those bX-things. I think my reasoning is correct, I just can’t figure out if the code is wrong or if Blogger is acting up again.

    This is what I’m using:
    ENTIRENEXTPREVIOUSCODEHERE

    Let me know via email if you figure this one out. There has to be a way to do it. Thanks!

Leave a Reply