Remove/Hide “Newer Post-Older Post” Links in Blogger
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:
#blog-pager-newer-link {
float: left;
}
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
#blog-pager-newer-link {
float: left;
display: none;
}
float: left;
display: none;
}
#blog-pager-older-link {
float: right;
display: none;
}
#blog-pager {
text-align: center;
display: none;
}
You May Also Like:
Download this Excellent Free eBook from Woork!
How to show Google Adsense Below Post Title in Blogger
Make Any Web Page Print-Friendly or Save it as PDF
DISQUS Introduced the Thread Migration Tool to Import Old Comments
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”
Leave a Reply
How to Start Your Own Article Directory on a WordPress Blog!
5 Best Google Chrome RSS Feed Extensions
Download the New Indian Rupee Symbol FONT and Vector-EPS-Photoshop-Illustrator FILES
Firefox – Display Google PageRank, Alexa and Compete Rank Simultaneously!
How To Add Meta Tags to Blogger
FREE eBook – The Roadmap To Become A Blogger!
Never Expiring GoDaddy Coupons/Promo Codes!
How to Add FaceBook Page Like Box to your Blog
Defrag and Optimize your Computer for High Speed Performance!
Free Professional Techcrunch Like Wordpress Theme - CompPress
 |
 |
 |
 |
 |
 |
@mybands
Use ‘blockquote’ from the post editor to display CSS and HTML codes in posting.
i need ur help, how to view the code in posting like u?
Thanks for this wonderful post!
Thanks, very useful
Thankyou
Nice article… you wrote it in a simple way..happy blogging…
@Brad Hill
You cannot display those links only in Label pages. When it is hidden, it is applicable to the whole blog pages!Regards..
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.
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?
@Anonymous
Hey, read my reply to Brad Hill above your comment!
Thanks a ton, really good, nice, easy and efficient information.
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!
@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
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
Hi, this is awesome & easy to do, thanks for the help!
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
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
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.
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
@docExpand your widget templates and search for(Ctrl+F) and REMOVE this line:
<b:include data='feedLinks' name='feedLinksBody'/>@doc
Back-up your template and try any one tutorial from below:
http://bloggeruniversity.blogspot.com/2008/04/r…
http://www.cooltricksntips.com/2009/05/remove-s…
thanks..
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.
Hello,
Thanks for sahring the information. I have used that in my blog site: http://www.bengalkolkataonline.co.cc
Thanks
Thanks for your info
Thank you very much for your clear explanation!
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
@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
its works.
thanks
I tried and working fine. Thanks for this.
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?
@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.
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.
Hey, how do I allow people to view older posts until a certain date only?
@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.
@Mahbub
Refer the tutorial given from the link given below:
http://www.abu-farhan.com/2009/12/numbered-page-navigation-for-blogger-new-script/
thank’s very useful for me
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 
Freaking helpful!!! Thanks, man!
Hi,
I don’t want to delete the links, but want to change it into “Next Page” “Previews Page”
Please guide me
can you please guide here how to remove external links when one using autoblog plugin for blogger
@Sunil
You cannot change it, but u can replace it with more attractive pagination by referring the following tutorials:
http://www.abu-farhan.com/2009/09/page-navigation-for-blogger-problems-solved/
http://blogging.nitecruzr.net/2008/08/customising-newer-post-older-posts.html
http://bloggerstop.net/2010/01/bloggerblogspot-pagination-page.html
Good luck.
@Khalid Irfan
Sorry I didn’t get your question. Is there any autoblog plugin for blogger?!!
Thanks a lot.
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;
}
This a good feature. I used it for one of my blog. Thnks for the hack!
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!