Complete Guide To Adding The New Static Pages And Menu To Blogger




| 22 comments

Blogger in draft this week announced a great new and much sought after feature simply called 'Pages'.Upon it's release i wrote a post informing you about it but you may have felt short changed as i did not go more deep into how the pages are added.Fear not in this post i will do a step by step tutorial on exactly how to add the static pages to your blog.

For those who missed my original post you can see it Here.But basically if you wanted to add some 'Extra Pages' to your blog, pages that were not a usual post but rather information pages like 'About Me' or 'Contact Me' or the Required 'Privacy Policy' (AdSense require you to have a privacy Policy Click Here for more on this) you would have to write a post and use the post as you About me page etc..

The problem with this was it would be sent to your Google friend connect followers, your Rss subscribers, Your E mail subscribers and would be in your recent posts and Archive.I had shown you some tricks to avoid as much of this as possible but the Rss and Followers could not be stopped.

Now with Static pages you can add 10 stand alone pages, They will still be within your blog and these pages will be displayed as links in a top or sidebar menu.Another quiet common request was for built in menu bars so we are killing two birds with one stone.

First off you can see a menu bar i add to my demonstration blog Click Here to see the Sample / Demo .

I will show you at the bottom of this post how to create the Contact me form and other Static pages first we will look at adding the pages.

Blogger In Draft.

The first step is to log into blogger via Blogger in draft.Blogger in draft is a way for Blogger to allow users to test new features, if the users find problems with the new features they can report them, if there are no problems or once all problems have been fixed the new feature gets added to the main blogger site.

Recent features that were launched in blogger in draft and are now available on the main blogger site are : * Import / Export * Posting Gadget * Embedded Comment Form * Reactions * New Dashboard * Google Gadgets *Feed Subscription * Blog List * Scheduled Posts * OpenID Provider * OpenID Commenting

So once any glitches have been ironed out of static pages it will be available in the main blogger site.For now you will need to log in to Blogger via Blogger in Draft, and that's the first step..


Adding Static Pages To Your Blog

First off if your using a custom template you may have to add some extra code i will show you how at the bottom of the post

Step 1. Log Into Blogger Via Blogger In Draft : Click Here

You are now in Blogger in draft and it looks much the same (It's a bit more blue :D)

Step 2. In Your Dashboard Click 'New Post' ► 'Edit Pages' ► 'New Page' as shown below :

add about me to blogger
Step 3. Once you click New Page you are brought to an editor the same as your post editor.You add the new page in the very same way as you would write a post, If you were using the old Blogger post editor (I still do, old habits die hard) you will notice a difference as the new editor is default in Blogger in draft.Don't worry it works pretty much the same.

For this example i am going to add a contact me page, Take a look at the image below for the following points :

►I have added the code for the contact form in html mode with the red arrow.
►In compose mode with the green arrow i added some text and color.
►I have the title circled, i used 'Contact me'..very clever.
►And circled at the bottom you can see I'm ready to publish my page.
(Once again for people used to the old editor you will notice the preview in the new editor is a pop up) :



Step 4. I have now clicked publish page and i have 3 options as to how and were the page will be displayed.As i said earlier the pages are displayed as a menu but you can do any of the following as shown below :

► Display Pages in a menu across the top of your blog.

► Display Pages as a menu in the sidebar of your blog.

► Publish the page and add the link to a menu you already have.

add privacy policy page blogger


If you choose the third option then the link to your new page will be like this :

http://YOURBLOGADDRESS.blogspot.com/p/NAMEOFPAGE.html

Example : http://spiceupyourblog-demo-page.blogspot.com/p/contact-me.html

Once you chose how you want the pages to be displayed click 'Save and Publish' and the page has been added.You will notice Blogger have cleverly also added a 'Home Page' link to the menu.

You can now repeat the steps to add more pages to your menu with a limit of 10 pages.

You can also edit how the pages are displayed :

In your 'Layout' Click 'Edit' for your pages and you have the option to choose the order in which the pages are displayed or choose to stop displaying a page without deleting it.
At the bottom you will see a tip, this basically tells you if you have your Page as a horizontal menu at the top of the page and move it to the sidebar it will automatically change to a vertical menu to fit the sidebar :

blogger in draft pages

This is a nice new feature and you should take advantage of it.I believe every blog should have a Contact Me page, Personally i get between 10-20 people using the contact form on this blog and it helps build relationships with your readers.

If you use a custom template you may have to add some extra code to see how Click Here

InfoRemember you can get all these tips sent directly to your email and stay a step ahead.Its a quick and easy service Provided for Free by Google.Just fill in the Email form below the post.
If you need extra help on this or any tutorial just leave a comment, I love comments and feedback so this Blog is Do-Follow - when you comment here it helps Your Blogs Google rank !

Notes :

Now that we know how to add the pages lets look at making the pages we want to add.I have a few helpful posts showing how to make extra pages :

How to make a Contact Me page

How to make a Privacy Policy

That's it go add your static pages to your blog and if you need any extra help it's just a comment away.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

22 comments:

  1. This is really cool! Just wondering, when you make a static page isn't it suppose to be a "blank slate"? Like the one you showed as an example, it is different than your other pages. Mine is showing up with my magazine style boxes (Like on my home page) that wont open up (I linked the page to my name, check it out to see what I'm talking about. :)

    ReplyDelete
  2. Now that is strange,

    What kind of freak template are you using :D

    I only tried it on athe minima template so im not sure how it works on custom templates, did you add the extra code for custom templates ?

    I know Blogger have been having trouble with Pages, thats why they add it to blogger in draft at first and they have already removed it and reinstalled it twice.

    I have to test the rollover image in a custom template for another reader so i will take a look at that as well,

    Paul.

    ReplyDelete
  3. hey i want to ask, how can i create a tutorial page?? not static page but it same like home page?? where we can post so much..

    ReplyDelete
  4. @ Musfir - I dont understand the question, could you explain more ?

    ReplyDelete
  5. This is a great web site.
    Thanks Thanks Thanks!

    ReplyDelete
  6. hi your a wounderful guy I am from Algeria North afirica I have just download free blogger template four column and now I want to use to my domain, I want to add another page with only one colmn without read more hint what can I do"

    ReplyDelete
  7. Thank you,but how can i write new posts on my new static page?Can i write posts on them or not?I mean exactly like i do on the main page????please hlep me out.I would like to create a new page to post new things.Is this possible?

    ReplyDelete
  8. @ Anonymous - Not sure i understand the question...Why would you write your new posts in a static page ? Pages are for seperate information connected to the blog like About the blog or Contact forms.You have a maximum of 10 pages, so write your posts as normal.

    ReplyDelete
  9. nice info...i have one question..how to make admin labels anwser coment..like yours.. :)

    ReplyDelete
  10. @ Firman - If you use our search you will find a post to change the color of author comments.I dont have a complete tutorial on the comments i use.

    ReplyDelete
  11. Thanks for the info. I just recently added pages to my blog, but now my updates (new posts) from my main page don't show up on other blogs. Do you know why? kristininherkitchen.blogspot.com
    Thanks for your help.

    ReplyDelete
  12. Thanks for the info! I just added pages to my blogger blog but now it doesn't show my updates from my main page on other blogs. Would you happen to know why? Thanks for your help!

    ReplyDelete
  13. how to sort it by the date and hour of published articole, not the date and hour of the update? :)

    ReplyDelete
  14. I just made a new page, and on the new dashboard, it is even easier. One of the few things I like about the new design.

    ReplyDelete
  15. Your site help me very much to understand how to add pages in my blog which i will add soon as i get it going but anyhow I have another question do you have a step-by -step tutorial also on how to make drop down menus and how to create the content? for intance if you have 5 different categories and you would like a drop down menu that list each of this category and when you click on this categories they will bring you to a page. I hope I am making sense here :) I hope you can help me out with this :)
    Regards

    ReplyDelete
  16. Hey Paul,first i want to thank you for your help,offered me and to others.I have a big problem with my blog pages...under each page i have the share buttons (like in a normal post)and i don't know how to delete them (HOW To Delete Share Buttons From Blog PAGES??).Please take a look and give me a hand with that.Thanks

    ReplyDelete
    Replies
    1. Check out this post Florin - http://www.spiceupyourblog.com/2011/05/display-gadgets-added-to-your-template.html

      Delete
    2. Hi Paul...soon i will add to my About page a link to Spice Up Your Blog,with whom i will thank you for helping people like me without much experience.Please,keep doing what you do.

      Delete
    3. Thanks Florin it's appricated..

      Delete
  17. I have created pages but was wondering how to customize the titles either with an image background or tab..? Something to make them stand out a little more. Thanks for your help!! Love this site:)

    ReplyDelete
  18. Hello...thanks for sharing this info. But after following the steps you explained in your post, I still can't link my "contact us" menu to the new "Contact Form" page which I created in my blogger blog. I really don't know whether this is due to the type of template i'm using. Please help me. Hoping for your response soon.

    http://autoinsurancemarket.blogspot.com

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us