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…
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
Thanks…
Hi,
When I try to find the above mentioned parameters, I couldn’t find it in my html settings 🙁
Can I See Your Blog URL…???
Yes, It’s http://karutthukkalam.com
Add This In Your CSS…
#blog-pager-newer-link {
display: none;
}
#blog-pager-older-link {
display: none;
}
#blog-pager {
display: none;
}
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..
Find These Link…
#blog-pager-older-link {
float:right;
}
#header-inner,.menu ul,.comment-au1,#blog-pager-newer-link {
float:left;
}
#footer,#blog-pager {
text-align:center;
}
And Change It With…
#blog-pager-older-link {
float:right;
display: none;
}
#header-inner,.menu ul,.comment-au1,#blog-pager-newer-link {
float:left;
display: none;
}
#footer,#blog-pager {
text-align:center;
display: none;
}
It worked, Thanks..
You Are Welcome…
It also hides my blog header and custom navigation menu. And i can’t find #blog-pager-older-link {
float:right;
} in my template..
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;
}
i added css to above ]]>. But it doesn’t work. See this post- camera zoom fx 3.5.3. It still there 🙁
Add It At Blogger Official CSS Space…
Thank you, it worked!
You Are Welcome…
Man this Is MUCH MUCH Simplier and Effective>
http://www.blogdoctor.me/2007/01/customize-post-footer.html
You Are Right But We Are Not Deleting Any Code Because Some Time We Want It Back And Then Be Confused Where It Was…???
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.
Yes, You Are Right But Some Guy’s Only Want To Remove Next,Prev So This Is For Him…
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
There Is No BlogPager In Your Template Or You Hide It Already…
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;
}
Send Us An E-Mail Via Contact Form By Adding Your Blog And Describe In ScreenShoot What You Want. We Will Surely Help You…
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!
Two more queries.
1. Any way to remove Subscribe to: Posts (Atom) as well?
2. Any way to pin a post on the top always? (For example, if I allow only one post to appear in the homepage like I’ve done right now, and if I post some new posts later, it wouldn’t replace the existing one).
Thanks!
Your Provided URL Have Nothing Except Blankness…
Hey thanks. Actually I just just the following code in customize the template > advanced > add CSS;
#blog-pager {
display: none;
}
and it seems to have deleted the older posts, newer posts and home links.
also, i have figured out to pin posts on top.
thanks anyway! 🙂
You Are Welcome To Be Here…
By the way, at the bottom of every blogspot blog page, there appears “Picture Window template. Powered by Blogger.” line. I have made it transparent for now. Is there any way we could change the text in that line? Thanks a lot!
Follow This Tutorial: How To Hide Or Remove Attribution Widget In Blogspot?
How to remove the said links only from my blogger home page and not from the posts?
–hinditracks.blogspot.com
Do You Want To Remove The Older-Newer Link From Your HomePage Only?
great, thank you
Welcome Here And Thanks For Liking…
My website is http://mypinkhealth.blogspot.in/ and I can not find the said code. Pls. help
You Can Just Add
#blog-pager{display:none;}
To Hide These Too. Try This…
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.
Yes. Use The Upper Commented CSS In Blogger Conditional Tags. Still Problem, Reply Us Here…
Should the code look like this? (removed opening and closing tags here in order for the code to be displayed in comments)
b:if cond=’data:blog.pageType == “item”‘>
#blog-pager{ display: none ; }
</b:if
or maybe I’m doing it wrong…
If it happens to be right, where should I put it ?
Use As Mentioned Below …
< b:if cond=’data:blog.pageType == “item”‘>
< style>
#blog-pager{ display: none ; }
< /style>
< /b:if>
Thanks for posting it.
It is amazing sharing for us
Welcome here and thanks for liking. Stay with us to get more like this…
How to hide these linke only in blogger pages????
You have to use blogger conditional tags for this purpose…
How to hide the newer and older post link onlyon pages(…/p/…) on blogger not from posts????
Officially there is no pagination on pages in blogger but if you are suing a custom theme then it can be a designer mistake. Share the URL so we will see it live then will be able to solve it.
Hi, how can I remove the newer-older link from only my home page? My website is http://www.apositivebeginning.com. Thanks for your help!
Short wy is CSS. Add the below css in your blog…
#blog-pager{display:none;}