How To Hide/Remove Older Post And Newer Post
How To Hide/Remove Older Post And Newer Post – Looks like someone has been stranded to this blog with intention of looking for a tutorial on how to hide or remove the Older Post and Newer Post in blogger. But seems I haven't posted the article on this blog yet. Therefore How To In Blogger will discuss about it on this article.
Many ways to hide or remove Older Post and Newer Post in blogger, some are by using CSS code or directly to remove the HTML code in body template code.
Hide Older Post and Newer Post Using CSS
The first way that we will try is by using CSS code display: none , this method is considered easier although there was opinion that the uses of CSS code is less appropriate in SEO.Anyway, here are the steps in detail:
- Please login to blogger with your ID
- Click Design
- Click Edit HTML tab
- Please backup your template first then click Download Full Template
- Find the CSS code which similar with the CSS code below (be focused on codes: .blog-pager, .blog-pager-older-link, .blog-pager-newer-link ) :
.blog-pager { background: $(paging.background); } .blog-pager-older-link, .home-link, .blog-pager-newer-link { background-color: $(content.background.color); padding: 5px; } - Delete the code above then replace with the following code:
.blog-pager, .blog-pager-older-link, .home-link, .blog-pager-newer-link {display:none} - Click Save Template
- Finish
Remove Older Post and Newer Post
The second way is completely removing the HTML code in the body of your template code. Here are the steps:- Please login to blogger with your ID
- Click Design
- Click Edit HTML tab
- Please backup your template first then click Download Full Template
- Check the small box next to Expand Widget Templates
- Find the following code:
- Delete that code
<div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div>
- Click Save Template
- Finish
Ada 5 comments untuk artikel How To Hide/Remove Older Post And Newer Post
It’s very helpful information for learning web designing. Thank you for providing the helpful information. This blog is very useful for beginners.
Web Designing Course in Chennai | Web designing training in Chennai | Web Development courses in Chennai | Web development training in Chennai
It's time to work with new project and make more clients. Make photography business more effective by taking our editing service. In fact, if you are really serious about your financial success, you can deal with Clipping Path Adept. We will give you the best editing service within your budget and it's on time.
Thnaku for guide, and help to remove new jobs,
I usually gather information from the blog which you posted.Thanks for sharing your thoughts about the concept which we know much better.
Web Designing Training in OMR
Web Designing Training in Porur
Web designing Training in T Nagar
Web Designing Training in Chennai
Web Designing Course in chennai
AngularJS Training in T Nagar
AngularJS Training in OMR
AngularJS Training in Velachery
Thanks for sharing this information. I really like your blog post very much. You have really shared a informative and interesting blog post with people..
PortableBeasts
Post a Comment