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).
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
6.) Now Replace The Above Code With The Given Below...
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!
ReplyDeletewww.fadeplex.com
Thanks...
DeleteHi,
ReplyDeleteWhen I try to find the above mentioned parameters, I couldn't find it in my html settings :(
Can I See Your Blog URL...???
DeleteYes, It's http://karutthukkalam.com
DeleteAdd This In Your CSS...
Delete#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
ReplyDeleteBut 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...
Delete#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..
DeleteYou Are Welcome...
DeleteIt also hides my blog header and custom navigation menu. And i can't find #blog-pager-older-link {
ReplyDeletefloat:right;
} in my template..
Remove The Previous Changes And Add The Below Codes Into Your CSS...
Delete#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 :(
ReplyDeleteAdd It At Blogger Official CSS Space...
DeleteThank you, it worked!
ReplyDeleteYou Are Welcome...
DeleteMan this Is MUCH MUCH Simplier and Effective>
ReplyDeletehttp://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...???
Deleteit is more practical to complete all block of
ReplyDeletediv 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...
DeleteHow To Remove Or Hide “Newer Post-Older Post” Links in New Blogger template HTML editor???? Please help..
ReplyDeleteBecause 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...
DeleteCan I hide newer posts? Please Help
ReplyDelete.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...
Delete