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

Find help, info, instructions, tips, tricks

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

38 comments:

Beben said...

thanks...

Ideas Moderator said...

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

Beben said...

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

hls said...

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.

rh-bilder said...

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?

rh-bilder said...

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?

Peter @ Enviroman said...

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?

Peter @ Enviroman said...

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

Anup said...

Wow! this is soo cool! thanks I have recently added!

Shivam Sharma said...

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.

Beben said...

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

Peter @ Enviroman said...

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.

bulletproofsponge said...

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.

Shivam Sharma said...

@BEBEN
Alright, looking fwd, to it..

Peter @ Enviroman said...

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.

Beben said...

Thank you for your times...:)

Melina Prado Ferreira said...

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.

emily☆ said...

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!

Peter @ Enviroman said...

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.

Peter @ Enviroman said...

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.

Nick Jackson said...

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!

Peter @ Enviroman said...

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)

Patty said...

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.

Peter @ Enviroman said...

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.

DabblerMom said...

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!

Peter @ Enviroman said...

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.

vini said...

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

Peter @ Enviroman said...

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.

katriina said...

very helpful, to the point. thank you!

woodland_oasis said...

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

Peter @ Enviroman said...

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

COMMENCE QUEST NYC / NEXT MODELS MIAMI / CHOSEN MODELS CHICAGO / X-RAY MODELS ATHENS / 2PM MODELS COPENHAGEN / NEV'S MODELS LONDON / BRAVE MODELS MILAN <br>TV AGENCIES: ABRAMS ARTISTS NYC said...

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

Peter @ Enviroman said...

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

Peter @ Enviroman said...

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

chelsea lee aka spicklebee said...

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!

chelsea lee aka spicklebee said...

Forgot to say thank you for helping out here also!

Peter @ Enviroman said...

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.

Vlysxia said...

Thanks for the awesome tutorial !

http://vlyxia.blogspot.com

Free software and computing Tutorials