Wednesday, February 17, 2010

Create static Blogger Pages for Contact Form, About, privacy, etc


Definition of static page: A web page that is not modified by an application server before the page is sent to a browser. and do not employ dynamic technologies (like PHP, ASP, Perl...).

"I'm new to blogging, how do you create a contact me form on a separate page on your blog, without it showing up as a post or in the Archives."

The above question is the kick I needed to finally write this post about Static Pages which will be very useful for stuff like contact form or an About page, etc. especially if you don't want them to appear in the blog archive or irritate those who subscribe to your RSS feed with too much notifications as static pages will not be part of the normal post although the way to create these static pages is almost the same as ordinary posts.

To do this currently, you must switch to Blogger in Draft (UPDATE: According to Sean McCullough: Blogger Buzz, PAGES is no longer confined to Blogger in Draft to, and you can now create static PAGES in your standard Blogger Dashboard) and sign into your Blogger account and click on the New Post tab Blogger New Post tab to open the post editor. However, this time, you will see an extra tab in the Blogger in Draft post editor, namely Edit Pages tab Blogger Edit Pages tab and below that, a NEW PAGE tab.

Blogger new Pages tab in dashboard

Clicking NEW PAGE will open the PAGE EDITOR which looks exactly like the normal post editor except instead of POST TITLE there is a field for entering the PAGE TITLE. Prepare the static page just like you would a normal post and click publish. You would then choose get the link to the static page either in BLOG SIDEBAR or as BLOG TAB below the header or NO GADGET (link pages manually)

Blogger static pages multiple choice radio button

Click SAVE AND PUBLISH and your static page will be publish but not as normal post which will appear in the blog archive and will not trigger your RSS feed to inform your subscribers that there is a new "post".

I have chosen for this blog, NO GADGET (link pages manually) and what you will see in this blog header is the horizontal navigation bar I manually added and which currently has 3 tabs, | HOME | CONTACT | PRIVACY POLICY | of which only one CONTACT is a static page. The other 2 were created earlier as ordinary post (I may change it later).

If you want to link pages manually, refer to Creating simple text horizontal navigation bar. One advantage of using this option is that you can link to any website you choose like what I have recently done and will not be constraint to only pages create in this blog which would be the case if you choose the following 2 options.

To show you what the other 2 choices would look like, refer to the screen shots below:

static blogger pages tabs below blog Header

Blogger static pages tabs in sidebar
Static page tabs (HOME CONTACT PRIVACY) in sidebar


Now I experiment with dragging the Pages gadget from below the blog Header right into the blog Header itself, hoping to create a horizontal menu bar inside the blog Header itself, but unfortunately that is not to be, for the horizontal tabs arrangement change into a vertical one (see screen shot below). If you prefer the pages tabs created by Blogger to be within the Blog Header, you will have to use the manual method plus create a horizontal navigation bar.

Blogger static pages tabs dragged from below blog header into the header
Static Pages tabs (HOME CONTACT) changed into vertical bar of tabs


Related posts:

How to include active link to your Twitter page in navigation bar

74 comments:

  1. I was actually waiting for this blogger capability to create static pages. This is really cool

    ReplyDelete
  2. now static page for blogger have formal used...
    no in draft mode...:D

    ReplyDelete
  3. Hello,

    Thanks for your help! I could not figure out how you did the pages with no gadgets (which I prefer, since it is centered on your page), but I did create pages last night using the gadgets choice. (www.heidispiegel.com)

    My question has to do with pages and Statcounter. In Statcounter, they say you must add the html code to each page you would like tracked - do you know where you would add that html on these pages options in blogger? Does my question makes sense?

    Thanks for your time.

    ReplyDelete
  4. I have a question about how to remove te static page.

    The thing is that i had a static page but i deletet it. And the deleting was easy. But, no the START link still shows an the page. How do i delete that?

    ReplyDelete
  5. I just deletet my static page but i can`t find out how to delete te START link that automaticly appears when you create a static page.

    Do you have any ide how to delete this?

    ReplyDelete
  6. Beben, are you saying that static pages have formerly been used not necessarily via Blogger in Draft. I know that others have created static pages by directly editing the template. Are you referring to that?

    ReplyDelete
  7. hls, I will soon publish a post on how to make your own horizontal navigation bar.

    Regarding Statcounter code, just copy-paste it into any HTML/Javascript gadget and it will track all pages (except Blogger profile).

    ReplyDelete
  8. Wow! this is soo cool! thanks I have recently added!

    ReplyDelete
  9. Freaking awesome! Was looking for such a post since ages, thanks a million! But I'm not able align it under the header, plus pages are coming vertically.. help.

    ReplyDelete
  10. earlier if we want to make a static page to log in through blogger draft, now no longer...
    now we get to a page static in blog (log in), just go to Posting choose Edit Page...:)

    ReplyDelete
  11. To align the Blogger given tabs, we probably need to edit the template. Will try that later. In the meantime, the horizontal menu bar was added by me manually, not Blogger, hope to write a post on that tomorrow or perhaps tonight.

    ReplyDelete
  12. hey, I have a question. I am using a third party template that shows a summary of all posts on the home page. My problem is that when I create the new 'contact' page for example, it appears 'summarized' as well. Is there a way to fix this so the 'contact' page is not summarized?

    Perhaps you could teach it on the blog here.

    ReplyDelete
  13. @BEBEN
    Alright, looking fwd, to it..

    ReplyDelete
  14. A template with expandable post summary? I do not know yet what its effect on this static page because I see that it uses the same template as the original blog. If you want something different, you should think of custom domain and creating sub-domains instead (will be writing a post on that soon.

    ReplyDelete
  15. Thank you for your times...:)

    ReplyDelete
  16. Hi. I have a question. I just added some pages but I don't want to have the sidebars on every page. How can I remove them leaving just a blank template?

    Thanks.

    ReplyDelete
  17. Hi! I have a question regarding commenting on pages. . I've created the pages and they work fine, but no comments can be left. I've made sure that 'allow' comments is selected, but I get an error code still. Do you know how to fix this? Thank you!

    ReplyDelete
  18. Unfortunately Blogger's new static pages uses the same template as the blog so if you want to use different template, you will need to create a sub-domain or a separate blog. I will soon publish a post on creating sub-domains.

    ReplyDelete
  19. Static pages are exactly that, static, don't change. Comments are dynamic so no comments in static pages. I will be publishing a post on sub-domain soon and for these you can have comments. Remind me if I didn't publish that post.

    ReplyDelete
  20. Hi! I want to create a static page without the gadgets/widgets that are on all of my other blogger pages. How can these gadgets/widgets be removed from the static pages only? Thanks!

    ReplyDelete
  21. Blogger Pages uses the same template as normal posts so its sidebar etc will be the same. I would suggest you upgrade to custom domain if you haven't already and then create a sub domain since they don't share the same template and thus will have different sidebar. (Actually it may be that they have a slightly different template and I need to do further researching but what I have written will satisfy your requirement)

    ReplyDelete
  22. Great tips! I just found the static pages tool (love it!) and am using the blog tabs design. Is there an easy way to change the appearance of these static page titles/tabs? I'd like to change the font and color, if possible.

    ReplyDelete
  23. Change tabs? If accesible via the template perhaps but I haven't tried since I use my own solution - Simple text horizontal navigation bar instead of the tabs created by Blogger. I have then total control over how they look, what goes in and where they will be linked to.

    ReplyDelete
  24. Peter, I originally chose Blog Sidebar in the How wold you like the Pages Gadget to appear instead of NO GADGETS. I would like all my pages to have no additional gadgets, but cannot seem to get the this option again. I have tried to delete all my pages, and the page widget. Each time I create a new page, I still am unable to change how my New Page appears. Can you give some direction on how to fix this. Thank you!

    ReplyDelete
  25. DabblerMom,

    I did a test at my inconsequential blog my photo store, first creating 2 test tabs and in the first instance, selected tabs at sidebar. When creating the second test page, no option was given as Blogger assume the original choice remains.

    I then deleted the 2 test pages. Viewing blog, I saw that page widget in the first sidebar. I deleted it, then went back to Dashboard and created a new page. When I click publish, the 3 options including no tabs appeared.

    Try that again and see if that works for you.

    ReplyDelete
  26. heyy..

    as instructed, i have created the pages.. but i want to have a separate page for pictures.. since multiple posting is not possible, i wanna know how to archive the pictures in a page..
    also, would like to know if there are any better ways of having such a page..

    ReplyDelete
  27. Not exactly sure what you are seeking. Perhaps you are asking for alternatives to static pages. With static page, maximum you can create is 10. Perhaps you may be interested in creating a sub-domain to archive your photos, eg photos.myblog.com and with this sub-domain you can publish different posts for photos of different categories, etc.

    ReplyDelete
  28. Hi,
    I got a blogspot called Things to Do in TN http://thingstodointn.blogspot.com ,I created static pages called
    Chattanooga -Things to Do because it is easy to put in horizontal tabs in header. But unfortunately these static pages does not appear in my sitemap Sitemap: http://thingstodointn.blogspot.com/feeds/posts/default?orderby=updated
    .so I wonder whether these pages will be crawled by google or not.How I can make sure that these pages get crawled.

    ReplyDelete
  29. very helpful, to the point. thank you!

    ReplyDelete
  30. So...you can't actually make individual posts on these static pages that are dated and allow comments individually? It seems as if I can post as I am used to on my 'main page' but if I go in to 'edit pages' and click on the page I wish to edit I have the original content still there. Am I correct in assuming that I will simply be adding to the original content, and not creating a new post? Is there some way to do that?

    PS- your *help blog* is AWESOME. I am extremely computer-challenged and I have found most of it easy to follow! TIA

    ReplyDelete
  31. Blogger static page is just like a post which is not included in the archive and also will not be featured in feeds (RSS or Atom). You can also enable comment for static pages

    ReplyDelete
  32. Hi Peter,

    I am wondering if you can change the direct URL to a static page.

    For example, URL: http://cj-richards.blogspot.com/p/about-me.html

    I would like the last part of the URL to be "....blogspot.com/p/about-cj-richards.html"

    But I don't want to change the name on the page.

    Thanks man. By the way, your help blog is amazing!

    -CJ

    ReplyDelete
  33. I think you asked that in another post where I have already given you my suggestion.

    ReplyDelete
  34. OK found it, my suggestion on what to do in the comments at How to change URL

    ReplyDelete
  35. I have created all my pages and linked them to the tabs in my custom template but what I am trying to do is add content (from past posts) to some of the static pages. Can't quite figure out how to do it other than re-creating each and every post.

    Any tips or ideas?

    Thanks!

    ReplyDelete
  36. Forgot to say thank you for helping out here also!

    ReplyDelete
  37. If I understand you correctly, what you want done (add content from past posts to some static pages) is easily done by editing the past posts in the Edit HTML mode, copy the relevant content, edit the relevant static page (also in the Edit HTML mode) and paste the content where you want them to be.

    ReplyDelete
  38. Hi I have set up 3 pages on my blog and want to make individually dated entries for each one of theses pages. However I can't seem to figure out how to do it. I see an example here: http://jackcliu.blogspot.com/

    Can you give me advice on how to make this work? Thanks!

    ReplyDelete
  39. Thanks for the awesome tutorial !

    http://vlyxia.blogspot.com

    Free software and computing Tutorials

    ReplyDelete
  40. I successfully made static pages and a horizontal bar of tabs to link to them, but the last tab on the right (no matter which static page I put there) is not click-able, and I can't figure out why. Any ideas?

    ReplyDelete
  41. Did you use the tabs made automatically by Blogger for the pages or did you make your own? What is your blog URL?

    ReplyDelete
  42. i used the tabs from blogger. the url is dresenate.blogspot.com

    ReplyDelete
  43. I tested the last tab Contact and it is clickable for it took me to your contact page.

    ReplyDelete
  44. thanks! It must just be something funky on my computer.

    ReplyDelete
  45. Hi Peter,
    I've been using your helpful advice all morning to create a website using blogger. I am getting stuck when creating a static page and then trying to link it to my horizontal bar at the top (also used your tutorial on that!).
    After clicking publish, I am not offered an option to link in blog sidebar or blog tab or no gadget. This option is simply not available to me. What am I doing wrong?
    Thanks!
    Lindsey

    ReplyDelete
  46. "no option to link in blog sidebar or blog tab or no gadget"

    No option? Wondering if you are publishing a post instead of a static page instead. Try to recall if you have definitely click NEW PAGE prior to editing your static page.

    ReplyDelete
  47. Nice info, its very helpful, firstly I was very confuse to add menu on my blogs,Tks Peter

    Andy

    ReplyDelete
  48. I've checked in both Blogger in Draft and my regular Dashboard, and when I go to "New Post," the only tabs I have are "new post" and "edit posts." Nothing about pages. (I run into this a lot -- very detailed instructions depend on a button or tab I don't have and can't find.)

    Any hints? Is there a work-around. I'm really desperate to get some things out of my sidebar and onto their own pages.

    Thanks.

    ReplyDelete
  49. I need more information such as whether your template is the old classic template or New Blogger xml template and preferably a screen shots. Contact me via my contact form

    ReplyDelete
  50. Is it possible to have a RSS feed of another blog as Blogger page? I noticed also that one of your Page is just a link of your Twitter account. How do you do that?

    ReplyDelete
  51. Hi Kaitee,

    Actually the answer is already described in this post if you read through the whole post. Basically it is not using Blogger.com's default tabs for the static pages by chosing "no tabs" then using this simple text horizontal navigation bar to create your own "tabs".

    Also meaning to create another post on making it graphically more attractive but a bit lazy plus got lots to do, perhaps if enough people chase me to do it I will do it sooner.

    ReplyDelete
  52. Hello, I want to move some of my old blog post to a new page called "travel" how can i do that?

    ReplyDelete
  53. If you are referring to a single blog post, just edit that post in the edit HTML mode, copy everything then go to EDIT POST > EDIT PAGES > NEW PAGE and paste it there, then publish.

    Note: if there are any photo in the old blog post, don't delete

    ReplyDelete
  54. Dear sir,

    i would like to asking for your support; basically, i want to create a form for any body can send me their articles to post in my site, but i do not know how to create the form yet. For example, Email box, Website Box, Title Box, and Article Box and Send Button; However, i had created a New Page by giving its name Your Article. Therefore, What should i do? please see my site:www.mysovann.blogspot.com

    I'm looking forward to hearing from you.

    Yours Sincerely,

    Sovann

    ReplyDelete
  55. Your blog is great... I'm a new blogger, and I'm I'm glad I found it.

    I'd like to create a "page" that pulls in one single post from my blog (e.g. one of my first posts was a description of what my blog is about, that I'd like to permanently pin as my "About" page). Is there code I can drop into a page's HTML that can pull it in?

    ReplyDelete
  56. You can use Google Docs to create forms where data entered will be added to your Google Docs spreadsheet. However, unfortunately the box for entering the data somehow is small the last time I check. If you are still interested in pursuing this and you don't mind the small boxes and you don't know how to create forms with Google Docs, comment again and request for help and I may write a post for that.

    ReplyDelete
  57. I can't thank you enough for this post! I have been going crazy for MONTHS trying to figure this out, everyone gave me a really confusing way to do it that I finally just gave up..until you. THANK YOU!

    ReplyDelete
  58. So, I created a new page called "About Me". All I want on that page is information about me. Is there a way to not have the text gadgets from my homepage show on my "About Me" page? Thanks.

    ReplyDelete
  59. Dear Peter,i acording to your post how to create ,i had created a static page,but there is no option to choose get the link to the static page either in BLOG SIDEBAR or as BLOG TAB below the header or NO GADGET (link pages manually),i try to do it so may time but i could not,what is going on with my blogger? please advice me,i am egerly waiting of your best sugestion,thanks.Url of my blog:http://www.butwalonline.com

    ReplyDelete
  60. Thank you for the info. I have a question, how can I change the option from Blog tabs to no gadget? Because my template already offers tabs and I want to use them.

    ReplyDelete
  61. I found it! I just removed this section from the design and the next time I created a page I have to choose again. Thanks anyway, your post helped me a lot!

    ReplyDelete
  62. My choice for creatubg simple horizontal navigation bar was because I want more control over the tabs. However, I would need to understand what you mean by "removed this section from the design" before I can answer your question.

    ReplyDelete
  63. Saugat, no tabs? Let me check if blogs with old classic template have provision for tabs.

    OK, I checked Blogger classic template store which still is using the old classic template and there is no provision for creating static pages. So no static pages means no tabs so perhaps you are still using the old Blogger classic template store

    ReplyDelete
  64. dwtest, if I have time I may try to do that using conditional tags.

    ReplyDelete
  65. Thanks for the info here. I have just set up a static page. Is there any way I can tag the page with keywords to be trawled by google?

    ReplyDelete
  66. With static pages the permalink don't have dates so you can plan the title of the page with keywords so that they will be reflected in the page URL. The rest you can populate your page with keywords without making it too artificial as it is meant to be read by human.

    ReplyDelete
  67. I just deleted my static page but i can`t find out how to delete start link that automaticly run web forms.

    ReplyDelete
  68. Blogger support only HTML and Javascript, not PHP so creating PHP based contact form is not possible with Blogger.

    ReplyDelete
  69. You have help so much with this blog post thanks!!!!!

    ReplyDelete
  70. hello sir
    can it not be possible to add recent posts links in blogger static page

    i want to add it on my blog of personality development, motivation, ebook
    http://abhicareer.blogspot.com

    ReplyDelete
  71. That you will have to do manually. If you want an automatic method, you will have to use the recent posts widget in the sidebar or where it is possible to add widget

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics