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

Posted by Shafar on Jan 26, 2009 in Blogger | View Comments

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:



Shafar 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
  • Vc Aneee
    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 ?
  • @Vc Aneee
    Go to TEMPLATE DESIGNER - Advanced - Add CSS - and add the code given in the second box above.
  • thanks..
  • doc
    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!
  • @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.
  • doc
    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
  • Luka
    Hi, this is awesome & easy to do, thanks for the help! :)
  • 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!
  • 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
blog comments powered by Disqus