How to Create Static-Like Pages in Blogger

By Paul | Apr 11, 2008

For many blog authors, Wordpress is the management system of choice. It provides the most flexibility and options for managing blogs. For those that are not using Wordpress, Blogger is a good, free option. Blogger, however, is not nearly as flexible to use as Wordpress. There are fewer options and templates for that system. The one drawback of using Blogger is the inability of uploading, and using static HTML pages.

There is a simple workaround that you can use to create pages in your Blogger blog that will mimic static pages. I will discuss how to create and use those pages in this post.

Creating Posts as Static Pages

The only option, at the time of this post, to creating static HTML pages in a Blogger blog is by using posts. Now you can easily create an HTML page on another server and then link to it from your blog, but it is much easier to use posts as they will include your template.

When creating the static pages, there are a few things that I would like to point out:

  1. The static pages should not appear in your RSS feeds to your subscribers. They will not be used as posts, so they shouldn’t be included.
  2. The date published shouldn’t be included.
  3. Comments for the page aren’t needed.

I will now show you how to accomplish the above points easily within Blogger. We will be creating a post that will act like a static page on your Blogger blog.

  1. Start a new post in Blogger.
  2. Enter the information that you would like displayed on the page in the Blogger editor.
  3. Once you have entered the content, click the Post Options link.
  4. Now we will satisfy two of the points above. Below Reader Comments select the Don’t allow option to disable the comments for the page.
  5. Below Post date and time, enter a date that occurs in the past. For my pages I use June 23, 2007 since that is the first day of Technically Easy. This should prevent the post from being sent to your subscribers as an update.
  6. When everything is ready to be published, click the Publish Post button.

Now we have a new post that has a past date and doesn’t allow comments. The next steps will prevent the post date from being displayed.

  1. Click the Layout tab to display your blog’s layout.
  2. Click the Edit HTML link to display the layout in HTML.
  3. Check the Expand Widget Templates checkbox to display the Blogger code for each widget.
  4. Search for the location where the post date is displayed. For blogs that use version 2, search for <data:post.dateHeader/>.
  5. Before that line include the following:
    <b:if cond=’data:post.allowComments’>
  6. After the post date line include:
    </b:if>
  7. This tells Blogger to only display the post date if comments are allowed for the post. Since we disabled comments, the post date won’t be displayed.

Now load up the new page to see if it is displayed as you would like. You can now link to that page from anywhere on your blog, or another Web site.

If you would like to allow comments on your static page, and would also like to prevent the static pages from appearing in the archives, check out Creating Static Pages in Blogger - Part 2.

Summary

Blogger doesn’t have the ability to add static HTML pages to your blog. To mimic static HTML pages, you can simply create a past-dated post and link to it as if it were a static HTML page. This post also showed how you can prevent the post date from being displayed to make it look even more like a static page instead of a post.

Related Posts

Creating Static Pages in Blogger - Part 2
Grouping Posts By Categories in Blogger
Blog Designing Tips for New Bloggers
What to Avoid When Designing Web Sites

Share and Enjoy:
  • Digg
  • StumbleUpon
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
13 Comments so far
  1. Thomas July 17, 2008 5:57 am

    Wow. That was a great post!

  2. Paul July 17, 2008 9:08 am

    Thanks. I believe that this is one of the easier ways (that i found) to create a static page.

  3. Macieyo August 16, 2008 5:36 pm

    You are my hero;-) That's the best & easier way to create static-like page in Blogger i found! And what's the most importent, with this 'hack' you can hide everything you want! labels, author, even hole post footer lines…

    Big thanks!

  4. Eden August 19, 2008 3:42 am

    This is a truly awesome, simple and effective hack for removing the date on static pages. Thanks for the insight — it’s made Shirts on Sale look that much better.

  5. John Evers September 2, 2008 10:12 pm

    THIS IS amazing! The only downside is to be seen on my website http://www.mds2009.com. As you can see the middle text is not in sync anymore with the text on the sidebars as it should be and can be seen on http://www.mds2009.com/1999/08/guestbook.html. This is another downside…The Guestbook should not have a date as it is static…, BUT should allow comments.
    Is there a possibility to create an empty line whenever comments are not allowed to correct issue 1 as mentioned above??????

  6. John Evers September 2, 2008 10:16 pm

    actually re above…I did not think..I guess I can just add an empty line myself on all the static pages…so the only issue remains my Guestbook but that I can live with. GREAT!

  7. Paul September 3, 2008 1:38 pm

    @John: You can try my other method of creating static pages. You can read it at: http://technicallyeasy.net/2008/07/creating-static-pages-in-blogger-part-2/.

    I will include a link to it at the end of this post.

  8. [...] How to Create Static-Like Pages in Blogger How to Create a Development Blog in Blogger Blog Designing Tops for New Bloggers Share and Enjoy: [...]

  9. John Evers September 12, 2008 5:31 pm

    Paul, this does not work in one of the most popular templates as “” does not exist in here.

    http://www.eblogtemplates.com/ads-theme-blogger/
    I just hope we can get this to work.

    Thanks, John

  10. John Evers September 12, 2008 5:32 pm

    (data:post.dateHeader/)

  11. Gen October 26, 2008 3:35 am

    I tried all here to hide my static page post,but still it says

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “cond”.

    please help

  12. Paul October 26, 2008 2:40 pm

    @Gen: Check your if statement to ensure you have closed all of your quotes. If you would like me to have a look, then just send me your template, in an e-mail.

  13. Gui October 31, 2008 4:20 pm

    To fix this problem, add this to the HTML:

    NOT THIS:

Leave a Comment

If you would like to make a comment, please fill out the form below.

Name (required)

Email (required)

Website

Comments

© 2007-2008 Technically Easy. Blog design by Daily Blog Tips Themes. Privacy Policy

Bad Behavior has blocked 523 access attempts in the last 7 days.