I recently received a comment on one of my posts that explain how to create static pages in Blogger regarding removing the navigation links. These links are usually located at the bottom of a post and allow a visitor to navigate to the next or previous posts of the current post.
I decided to look into how to do this as it doesn’t seem that difficult to do. After some testing I managed to hide those navigational links from static pages in Blogger. Let’s look at how to do this.
A Static Page in Blogger
Blogger doesn’t natively support static pages as Wordpress does. Static pages are useful for such things as a privacy policy, a contact page, or an “about us” page. While you can’t officially create static pages, you can use posts as static pages.
I have written two posts that outline two different methods of creating static pages. I won’t go into detail on how to do this here, but feel free to read the posts to find out how. Basically it does involve hiding specific post elements to make it look like a static page.
One thing I didn’t do was show how to hide the next/previous navigation links. That is what this post will do.
Hiding the Next/Previous Navigation Links
Hiding the navigation links is really easy to do, and just involves allowing a line of code to execute for regular post pages only. To hide the links, you can use the following steps:
- Follow the steps outlined in Creating Static Pages in Blogger – Part 2. You will need the dates of your static pages for the next few steps.
- Open up your Blogger dashboard, and then click the “Layout” link for the blog you want to edit.
- Next, click the “Edit HTML” link to display the HTML for your template.
- Check the “Expand Widget Templates” checkbox to expand all the widget code.
- Using your web browser’s find option, search for:
<b:include name='nextprev'/>
- Replace the line found above with the following lines of code:
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader != "June 23, 2006"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
</b:loop>
<b:else/>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>Note:
Replace the date in the above with the date and format you use for your static pages.
What the above code does is simply use the post date to determine if the navigation links are to be displayed. If the date doesn’t match the static page date, then display the navigation links, otherwise, don’t display the links.
Related Posts
How to Create Static-Like Pages in Blogger
Creating Static Pages in Blogger – Part 2
Thank you SO much! It worked perfectly, first time – even for ignorant me!
Brilliant article(s), by the way. Very logical, thorough and well expressed. Keep up the good work – I’m subscribing to your site!
at least this one works for me ;D
but is there also a way to remove from the static ones?
“0 Comments:
New comments are not allowed.
Subscribe to: Post Comments (Atom)”
Is your line similar to:
<b:if cond='data:post.dateHeader != "June 23, 2006"'>included in your file? Make sure you add the date in your code exactly as it is displayed for your posts, including any punctuation.um, i guess, i don’t understand…
the date format IS right, otherwise the navigation links (older/newer posts) wouldn’t have disapeared. but like i wrote, i’d like to get rid off the other stuff (“comment are not allowed” etc), too… is there a way?^^
If you don’t want comments on your static pages, you can just disable the commenting on all your static features. There is an option to do this in the post editor in the Options section at the bottom.
yes, i already did that
but there’s STILL displayed the info text, that there are 0 comments and that you are not abled to post any comment. i’d like that to disapear.
Paul… I’m writing also a blog in Dutch. I tried to remove the navigation links but it didn’t work out. I’ve been trying again and again but nothing helped.
Then I checked my ‘date header time format’ and that one was displaying 23 november 2009.
So I entered 01 januari 2001 for my static pages
Then I noticed that the date header time format has 2 exactly the same options displayed
23 november 2009 and 23 november 2009
one of them is consistent with 01 januari 2001, the other one without the first digit; 1 januari 2001.
If you might have someone with an error like this, check the language or the double time stamp options in your settings.
The date stamp format is very important, and it can be difficult as you have noticed if the current date uses two digits. Did everything eventually work out for your, or is there still a lingering issue?
It did work out
as I found the error by accident…
There’s 1 thing I can’t remove, due to the fact my post author is shown in a blue box under every post. If I apply the code just as you mentioned in the remove time stamp post… it doesn’t seem to work for the author. Probably I need to apply the code to the whole box… with the instructions you gave me, the blue box as well as the author are still shown. You can check my website (I also made a static test page, link shown on the sidebar)
I’m using your advice on 4 English blogs and 1 Dutch blog… and they all look a lot better now, thanks to your help! Keep up the good work,
Dennie
If you don’t want comments on your static pages you can include the code to the whole box as you probably may not want to display any information in that box on your static pages.
Well, that’s what I’m trying to do… but I have less than 1 week HTML experience.. lol
If you have any suggestions what to look for? But I’ll try to apply the code today… I might get lucky ^__^
You are doing well for one week of experience. If you get stuck, you can send me your code and I’ll have a look.
Well, due to a poor internet connection playing around is a bit of a frustration. It would help me a lot if you could look into my HTML file… I’ve just sent it to you ^__^ Thanks a lot, Dennie
I’ll have a look and get back to you in the next few days.
Hey Paul,
Thanks for the help, the layout is pretty smooth now
The only bug I found in my blogs is the search engine.. whatever I try, there are no search results… but I don’t expect people to use it that much.. it was already there in my temp… if you have any suggestions how to fix this I’d love to hear it ^__^ but no big deal if it doesn’t work.. keep up the good work and thanks again,
Dennie
When I searched for a term I received some results. Did you manage to fix this?
You’re right… but it’s a kinda crappy search engine… i can only get hits for keywords in the title posts..and it wont even show more than 1 results.. anyway, I’m fine with it.. let it be ^__^ thanks
hi paul.. a very informative tutorial just like rest of your tutorials… thanks for helping newbies here… the code is working fine on my blog.. however there is a small problem.. hope you will help me out with it.. at the bottom of every post “email post” and “edit post” icon appears. i don’t want them in my static pages. please tell where to make changes in the template (i don’t know much of html.) Check this page to see what i mean http://www.knowledgehub.co.in/2008/11/subscribe-to-knowledge-hub.html
thanks a lot
Search for
<div class='post-footer'>in your template and then hide that entire div tag the same way you hide the navigation links.hey thanks paul… i did that but then my entire static page got invisible so i changed back to old setting.. seems i didn’t change the code properly
Hi, what are the ways to strip html links from all new posts to a blogspot?
What do you mean by “strip html links”? Do you not want the links in a post?
First of all, thanks! The one thing that was making me consider switching from Blogger to Wordpress was the lack of static pages. Now I don’t have to switch.
I’m trying to get the code right to suppress the footer on the static page, and I haven’t figured it out yet. Any chance you could post that?
Thanks
Never mind. I found my way to your other blog and figured it out.
Thanks again!
The links remain after I added this code:
. And, when I reviewed the code it sort of made sense since the ELSE statement said
And to me that is the same thing we applied to those pages that did equal the specified date. Maybe I don’t understand the code, but I really would like to get this working. Any help will be greatly appreciated.
And, I guess someone needs to tell me how to show code in the REPLY. Mine is blank.
Thanks,
Marti
I know how frustrating it is to display HTML code in blog comments. The post How to Display HTML Code in Blog Comments explains how to show HTML code in comments.
One method you can try is looking into using a custom Google search that is provided by Google. If you use Adsense, you can using the Adsense version of the search from your Adsense account.