Remove Navigation Links For Static Pages in Blogger

Remove Navigation Links For Static Pages in Blogger

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 Logo

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:

  1. 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.
  2. Open up your Blogger dashboard, and then click the “Layout” link for the blog you want to edit.
  3. Next, click the “Edit HTML” link to display the HTML for your template.
  4. Check the “Expand Widget Templates” checkbox to expand all the widget code.
  5. Using your web browser’s find option, search for:

    <b:include name='nextprev'/>

  6. 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"'>
          <!&#45&#45 navigation &#45&#45>
          <b:include name='nextprev'/>
        </b:if>
      </b:loop>
    <b:else/>
      <!&#45&#45 navigation &#45&#45>
      <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.

54 Responses to “Remove Navigation Links For Static Pages in Blogger”

  1. hi paul,
    It is a awesome tip.
    keep sharing.

  2. primaldivine says:

    <data:newerPageTitle/>
    <data:olderPageTitle/>

    ok sorry. I found the earlier comment and link on how to post html into a comment box.
    so above (finally!) are the two pieces of code that i deleted to remove the older/newer post buttons on my blogspot at http://www.vivariumgallery.com

    thanks Paul

  3. primaldivine says:

    ok this is crazy.. must be a code thing….
    how do I put the code here but not have it make itself invisible? LOL 🙂

  4. primaldivine says:

    ah.. weird… text not included in the comment..
    will type it in rather than copying and pasting…
    delete these two pieces of html:

  5. primaldivine says:

    oops.. not sure what happened in my comment above, but missing the crucial info.. here it is:

    NEWER OLDER POST BUTTONS
    in html code click n checkbox to expand widget templates
    Use apple-f to bring up a ‘find’ window and search for the following code:

    When you find it delete it carefully… only the exact phrase as shown here

    then search for

    delete this as well

  6. primaldivine says:

    HI great info. Thanks!… am stuck however.
    I have redone my blogspot site so that it doesn’t seem to be a blog on first appearance anymore. I love it. Works well.. only thing I cannot seem to do is remove the “older” and “newer” posts buttons at the bottom of each page (post).
    I tried your hack above, but perhaps since these are on regular posts not on static pages, it didn’t work.
    I did find the appropriate html line and replaced it with the text as suggested.
    Any suggestions appreciated greatly. Thanks. Am not a programmer, but doing my best with these hacks so far!
    jamie 🙂

  7. 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.

  8. Persephone says:

    Never mind. I found my way to your other blog and figured it out.

    Thanks again!

  9. Persephone says:

    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

  10. jaweb says:

    Hi, what are the ways to strip html links from all new posts to a blogspot?

  11. anshul says:

    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

    • Paul says:

      Search for <div class='post-footer'> in your template and then hide that entire div tag the same way you hide the navigation links.

      • anshul says:

        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 🙁

  12. Dennie says:

    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.

    • Paul says:

      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?

      • Dennie says:

        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

        • Paul says:

          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.

          • Dennie says:

            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 ^__^

            • Paul says:

              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.

              • Dennie says:

                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

                • Paul says:

                  I’ll have a look and get back to you in the next few days.

                  • Dennie says:

                    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

                    • Paul says:

                      When I searched for a term I received some results. Did you manage to fix this?

                    • Dennie says:

                      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

                    • Paul says:

                      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.

  13. ill66 says:

    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.

  14. ill66 says:

    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?^^

    • Paul says:

      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.

  15. ill66 says:

    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)”

    • Paul says:

      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.

  16. CJ says:

    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!

  17. Wez says:

    I just copied your code and pasted it into my template and changed the date format and voila! It worked like a charm…thank you so much!!

  18. kriepl says:

    thanks paul
    however, now the navigation is gone from the posts that are not dated with the dates of my Static pages.

    • Paul says:

      Makes sure you include != in the if statement. If you are still having difficulty, send me your template and I’ll have a look.

      • kriepl says:

        Paul, thanks. Still having issues…i sent you a link to my HTML file in a TXT file, via a link.
        I sent it through the CONTACT page on this site.

        Please let me know if you have any troubles grabbing it.
        Thanks again!!

        kevin

  19. Dio Ivanov says:

    Perfect, Paul. 🙂

  20. kriepl says:

    darn the code i inserted did not come through.

    in my blog html I already had a code of b:loop above the

    b:include name=’nextprev’

    so all i did was move the
    !– navigation —
    b:include name=’nextprev’ – right before -b:if -b:loop

  21. kriepl says:

    the code did not come through on my post above and it wont seem to let me post again

  22. kriepl says:

    i figured out why i was getting that error. this may solve your issue too Kelie
    in my blog html I already had a code above the code…so all i did was move the
    at the end of that code, right before

  23. kriepl says:

    yes same as Kelie above. I get the same error code. Is this because I already edited my HTML to not shot the post date at the top?

    • Paul says:

      I realized there was a problem with the code I posted. I had closed the if tag too soon. If you are still experiencing problems, I have corrected the code so you can copy the new code into your template.

  24. Kelie says:

    When I copy paste the code, I get this:

    our template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The content of elements must consist of well-formed character data or markup.

    Any idea what the problem might be?

  25. C.D.A. says:

    Hi, this doesn’t work for me because if there are more posts on the page with date != given_date there a nextprev includable will be included more than once.

    For me it worked better like this:






    • C.D.A. says:

      seems my previous post was truncated 🙁 maybe a pseudocode works

      if (blog.pagetype == item)
      {
      if (post.dateHeader == given_date)
      { nothing } //i don’t know if a negative condition works in blogger
      else
      { include nextprev }
      }

      • Paul says:

        A negative condition works just fine. You can do something like the following (in pseudocode):

        if (blog.pageType == item)
        {
        if (post.dateHeader != given_date)
        {
        include nextprev
        }
        }

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.