Blogger has now released the pages feature just like in Wordpress blogs. You can use these pages for about me, contact me etc. The blogger pages are more or less like the blogger posts. But these pages wont appear in the blog archives and the blog feeds.

How to create a Blogger Page?

1. Login to your Blogger Account

2. In the posting Tab you will find an Edit Pages optionimage

3.Click on the New Page button and you will get a new page editor(same as the post editor that you normally use)image

4.You can make the page, in the same way as you create a post.If you want to enable commenting on the page, then you can do so from the post options

image

5. When you hit the Save And Publish Page button, you will be asked if you would like to add the Page Gadgets onto your blog

image

You can add the page gadget on the sidebar or as Top navigation Tabs.These widgets may not properly sync with your blog template.So i would advise you to choose the No Gadget option and add the links manually to your blogger template. You can obtain the links to the newly created pages from the Edit Pages Tab.

If you opt to add any of Pages gadget, then you will get an easy interface to add the page links to your blog. (now available on draft.blogger.com only) Here is what the Gadget options will look like

image

 

Limitations

1. You can only create a maximum of 10 pages.

2. Separate templating for pages would be a little too difficult(but not impossible :) )

3. The Static Pages are not included in the Post Exports till now.(at the time when this post is made)

Advanced options.

If you are familiar with the usage of blogger’s conditional tags and want to do something special with the pages, then you can use the following conditional tag for that

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
When condition is true this will be done
</b:if >

eg: If you want to hide the sidebar on the Static Pages, then you can use these conditional tags properly to implement that

Here is the incomplete sample code for the same

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type="text/css">
.sidebar-wrapper{display:none;}
</style>
</b:if >

This code should be placed above </head> in your template.

you will have to add some more CSS definitions to make it complete(you should increase the width of the post area.. ) these will be different from template to template. So  you will have to figure it out :)

So are some of my Blogger Pages. – Subscribe , Contact Me

Misbehaviour

1. If you are using the automatic post summaries hack, then your pages might not be properly displayed. I have updated the Automatic Post Summaries Trick so that it does not conflict with the static pages. So if you are using an older version of this trick, then do update

2. If you are using some trick to hide the post contents on non-post pages,then also you might end up with  problems on your new Static Blogger Page. You can either undo the trick or update the codes properly to avoid conflicts :)

117 comments :

  1. haha, great post.
    I haven't the time to test hiding sidebar post but I think it will word.
    Of course, must change the "main" section width too

    ReplyDelete
  2. i already use the blogger static page trick, more simple than this i think.....

    ReplyDelete
  3. i am still get this http://www.google.com/support/forum/p/blogger/thread?tid=08ef4f25e5efea3d&hl=en

    ReplyDelete
  4. @フェブリヤント
    it does more or less the same, but the static pages wont appear in the archives,blog feeds etc..

    ReplyDelete
  5. I hve a problem with this, my blog template comes with a post summaries(read more)script, I try to add a new contact page in blogger draft but the page shows as thumbnails with read more, I cant see the email form, help me on how to remove or hide the read more option only in new pages.

    ReplyDelete
  6. I have try add one test page, but not diplay content. Only link to pages. Any adding some code to my templates ?

    Please see here

    ReplyDelete
  7. @Coffee Blogger
    its because you have applied some trick to hide the post contents from non-post pages..

    So the code considers the static page as a non-post page and so hides the contents. So you will have to undo it or modify the code using the appropriate b:if tags..

    ReplyDelete
  8. @admin
    similar is the case with yours.. that script which you use summarizes the non-post pages. so the code needs to be tweaked..

    ReplyDelete
  9. sorry i cannot help with your template tweaking as you may have followed different methods.. here is the modded automatic post summary code which wont affect the pages. you can edit your template properly after comparing both http://www.bloggerplugins.org/2009/06/automatic-post-summaries-for-blogger.html

    ReplyDelete
  10. thanks for ur help, I finally done it.

    ReplyDelete
  11. I finally was able to hide the sidebar on Pages ...

    ReplyDelete
  12. Hey, Ive Been a fan of Bloggerplugins since i started blogging... thanks for giving Ideas on scripting and html. check out my site if you want proof... http://moomovie.blogspot.com . Ive just added your link there. thanks.

    ReplyDelete
  13. First of all "Welcome Back" Aneesh.Its long time since you updated the blog.Again a wonderful post.I will implement it soon on my blog

    ReplyDelete
  14. Too bad it has a maximum limit of 10 pages....:( First i was glad,but after i read that there is a limit,i was dissapointed...

    ReplyDelete
  15. Hello...I've followed your method here http://www.bloggerplugins.org/2009/06/automatic-post-summaries-for-blogger.html but my page still not displaying a content.

    ReplyDelete
  16. @Shahrul
    that is because you havent removed the previous trick properly. I had tested it on my test blogs before updating

    ReplyDelete
  17. Awww.... I create a page just for test and it's unable to delete :(( Can you help me??

    ReplyDelete
  18. I've created a new test blog with default Denim template, but my page still not displaying any content...just show its title only.

    ReplyDelete
  19. @Shahrul are you damn sure? i did exactly the same thing and here is the result on my test blog with some junk page and some junk posts

    http://simplicity-bloggerplugins.blogspot.com/p/hskjhkjhk.html

    ReplyDelete
  20. Hi Aneesh, I had noticed the new pages feature and played with it a bit. I'm still fiddling with my template though, and I was just using the method of backdating for my static pages. With the new pages feature, each static page looks like my homepage (there is a featured post slider. Technically, I prefer the backdated method as the "static pages" look like post pages then, instead of like multiple homepages... does this make any sense?

    Anyhow, I'm just wondering if you had found a way around this or if it's more of an issue with the template I am using...

    ReplyDelete
  21. @Gina,
    pages and posts are almost similar except the fact the pages wont appear in the archives and feeds.

    Your slider is configured to be displayed on non-post pages. That is why the slider appears on the "Static Page" also.

    So you will have to modify the template properly(using additional b:if conditions) to avoid the slider being shown on the Static Pages

    ReplyDelete
  22. @Gina - the issue arises because the template was coded before the introduction of the static pages :P..

    ReplyDelete
  23. Aneesh...I'm pretty damn sure. Look at this http://nemesiscult-draft.blogspot.com/p/about.html

    ReplyDelete
  24. @Shahrul you haven't followed my tutorial properly.. read it properly and do it step by step. the codes are not present in yout blog.

    ReplyDelete
  25. That's what I figured. Honestly, in terms of coding and design, my talent only extends to googling for Ninjas such as yourself. I can read, yay for me lol.

    How would I go about inserting b:if conditions so that the slider only appeared on the homepage and no where else? That would be the ideal, but the whole b:if condition code confuses me. Not sure what it should be and where to put it, you know?

    ReplyDelete
  26. @Gina try reading this http://www.bloggerplugins.org/2009/06/selective-display-of-blogger-widgets-on.html

    ReplyDelete
  27. Do you mean the codes for hide sidebar?
    The same result appear... :(

    ReplyDelete
  28. no man you havent followed this post properly. http://www.bloggerplugins.org/2009/06/automatic-post-summaries-for-blogger.html

    ReplyDelete
  29. Aahh...I can't figured it out. I has followed your step properly.
    Maybe I must install a completely new template...

    ReplyDelete
  30. A limit of 10 is dissapointing. My widget is not as nice as blogger's, but one can go through the blog with ease and quickly find what you need. I will eventually have 15 or more pages.

    Nevertheless, thank you for this development. I remain a blogger fan.

    How about a widget for page numbering instead of that older and newer page at the end of one's posts? The acceptable ones I find on the internet does not always work.

    Maybe someone can recommend a workable one,please. I use the Thisaway template.

    ReplyDelete
  31. is it possible to put the tag cloud on one of those pages?

    ReplyDelete
  32. thank you for information

    ReplyDelete
  33. Thank you for the tutorial! Is there a way to use those conditional tags to, say, hide the "Posted by __ on/at __" text on the new Page(s) using the conditional tags? I think it'd clean up a couple of my pages (CV, resume, etc) but am not really sure how to do so (or where to look for the info).

    ReplyDelete
  34. Found the solution for my problem...
    Before this, I used trick to 'Show Only Post Title on search result and label page'.
    Undo that trick and the new Blogger static page now working... :)

    ReplyDelete
  35. Thank you very much for this update, I was looking for this tutorial to use conditional tags with pages and to hide the sidebar, the whole day.
    Using you clear explanation I implemented both on my test blog and just then, after all the work I realized that I have to hide all widgets in my three column footer too.
    Isn't there any easier way to use these new pages?
    So far pages are nothing more than a post without comments, time stamp etc.
    Thanks again for all these great tutorials and for your patience.

    ReplyDelete
  36. Im confused whats the difference between a post and a page?

    ReplyDelete
  37. im following you.. follow me back!

    ReplyDelete
  38. thanks u nice info.. keep blogging brother, i'm from indonesia

    ReplyDelete
  39. This comment has been removed by the author.

    ReplyDelete
  40. very usefull thank be first myblog edit mode=on

    ReplyDelete
  41. i have one question here.

    can i make the pages always be my homepage using the conditional tag?

    ReplyDelete
  42. Do you mean the codes for hide sidebar?
    The same result appear... :(

    ReplyDelete
  43. But what is draft bloggeR?

    ReplyDelete
  44. I've been waiting for this. I'm disappointed to know blogger haven't really stepped up their game. I'm going to stick to how my blog already is by using conditional tags.

    ReplyDelete
  45. I was suffering how to use it.. thanks.......

    ReplyDelete
  46. aneesh, could you help me with some tutorial for modify the code that made the static page as a non-post page, so i can display my contact-form in static page? thanks

    ReplyDelete
  47. how to disable adsense from static page? Please respond

    ReplyDelete
  48. @Haris - Refer http://www.bloggerplugins.org/2009/06/selective-display-of-blogger-widgets-on.html

    ReplyDelete
  49. I'm a bit confused !

    Q.How do I hide gadgets on a static page?, for example About me page, All i want to see is the text about me and no other widgets in the sidebars?.

    Thanks

    ReplyDelete
  50. is there any way to asign various posts to a certain stactic page??

    ReplyDelete
  51. This really nice information for blog creator.

    Thonks for your Information.

    ReplyDelete
  52. Is there any way to change the font color/style of the 'pages' link?

    ReplyDelete
  53. @Pearls and Pumps - Go to Layout > Edit HTML
    Look for ]]></b:skin> and just above that place the following CSS and Save your template
    .PageList li a {
    color:red;
    font-weight:bold;
    }

    you can add additional style definitions to the CSS.

    ReplyDelete
  54. Thanks for the explanation! It worked for me perfectly!

    ReplyDelete
  55. Great Job! Thanks for sharing this very detailed and easy to understand post..I had to tweak my blog for an hour and finally got it..Thanks..

    ReplyDelete
  56. Great post.. really liked it !! I too write a blog just a hobby...

    ReplyDelete
  57. Hi - I have created several blank pages and have them on the top of the blog. How do I get each page to show posts that have the same labels. For example, if one page was called "tutorials" and one pages was called "projects" how would I get the tutorial page to show all the blog posts I have published with the label "tutorial! and the projects page to show all the blog posts I have published with the labels "projects"

    ReplyDelete
  58. Hi, I want to make the tabs of the pages widget float to the right of my blog not to the left. I s that possible?

    ReplyDelete
  59. but how could we add separate posts to a page or can redirect a the page button to a link (another blog)...???

    any idea?

    ReplyDelete
  60. Can I change gadgets on different pages

    ReplyDelete
  61. Can you add gadgets to static post pages?

    ReplyDelete
  62. Hi, I want to put site map on the PAGE, can I?

    ReplyDelete
  63. How to add more than 10 pages in blog ? is there any widget available on the net ?

    ReplyDelete
  64. please can some check this blog and rate it for me. are there additional plug-ins, that will make it stand out?

    ReplyDelete
  65. Can I implement this to my old blog which already have several post?

    ReplyDelete
  66. Is there anyway you can make a "page tab" link to something else, like a facebook profile or another website?

    So you have Home and then next to it, Google and when you click it it brings you to google homepage?

    ReplyDelete
  67. Can a user make more than one posts on individual pages ?
    For example I have two pages on the Home page and other something like News.

    So is it possible that when I compile a new post I can post it on either of the pages of my choice?

    http://the-tangerines.blogspot.com/
    Here is my blog and I was unable to find out how to do it, if you can help me out.

    ReplyDelete
  68. I've got the same question Julia! I have an art blog, and would like to make a 'tab' that takes customers DIRECTLY to my etsy shop, and one that goes DIRECTLY to our facebook page, without them having to push another link within the page.

    ReplyDelete
  69. yeah... i have answer to Jill and Julia question...
    and Umer! have answer for you too but that will not be a page...
    so if you people wanna contact me.. just find me on facebook thru my email which is junaid_104@live.com

    i'll be right there!

    ReplyDelete
  70. @My Name is Julia - you can use a LinkList Gadget instead of the PageList Gadget to achieve that. You will have to use some CSS tricks to make the menu horizontal.

    ReplyDelete
  71. its so simple! just put the links widget on the right sidebar, add your links and then drag it just about the "posts area"

    ReplyDelete
  72. Do you have any links to guides on how I can achieve these CSS tricks?

    ReplyDelete
  73. Is it possible to put a Blog Roll gadget on one of these Pages?
    If so, how?

    ReplyDelete
  74. thank u...more i learn more i get to my blog....thank so much...

    ReplyDelete
  75. "hank you for the tutorial! Is there a way to use those conditional tags to, say, hide the "Posted by __ on/at __" text on the new Page(s) using the conditional tags? I think it'd clean up a couple of my pages (CV, resume, etc) but am not really sure how to do so (or where to look for the info)."

    +1

    ReplyDelete
  76. Hi, I've just changed my blog's template and added some extra pages, but I'm having a bit of a problem with it.

    Each line is SO distant from the other that the final result looks weird. That's why I use the old edit system for my posts, but I don't have this option with the pages. Could you help out on this? Thanks! :)

    ReplyDelete
  77. Thank you so much for this wonderful tutorial. It's easy to read and understand.

    ReplyDelete
  78. Thanks a lot! Everything is so clear

    ReplyDelete
  79. thank you so much!! i get it now!! very helpful :)

    ReplyDelete
  80. "5. When you hit the Save And Publish Page button, you will be asked if you would like to add the Page Gadgets onto your blog" => No, it didn't ask me any thing like that, it just published as if "blog tabs" was a default. My blog is tutsvnn.tk, please advise. Thanks.

    ReplyDelete
  81. I tried adding a page named it My Videos, but could not upload any videos... only in new pages, but the same video uploads in the home page why??

    ReplyDelete
  82. How do I redirect a page to another blog on clicking on the page name?

    ReplyDelete
  83. @Ritcha - it is possible using metatag or JavaScript redirects. But why would you want to do it? Can't you directly link to the blog instead of linking to the page?

    ReplyDelete
  84. @Aneesh - I want the page tab to direct me to the other blog when I click on it.. Can you help me with that?

    ReplyDelete
  85. @Ritcha - i guess that you basically want to add an extra(non-page) link to your page list gadget.

    Refer http://www.bloggerplugins.org/2010/09/replace-page-list-gadget-with-link-list.html

    ReplyDelete
  86. great post...
    but how can i make "read more" on this statis page?..thanks

    ReplyDelete
  87. Is there any way to add a Gadget to a "page". I am wanting to add the HTML/JavaScript Gadget, but I cant seem to find an option or any code to do this.

    ReplyDelete
  88. Thank you for your tutorial. I have been able to remove the sidebars from my static pages using your code. However, I have an HTML1 with a large photo at the top of the page. It is my latest creation and would like to showcase on the home page, but remove it from the static pages. I have tried another code, but keep getting an error from Blogger stating that the end is needed. But for the life of me, I can't figure where...or if the code I am using is just incomplete ( or written in by "yours truly" improperly )
    Thank you for any input!

    ReplyDelete
  89. Hi!
    I already have pages in my Blog. My problem for time being is: When I write post in page, I don't find the symbol that I can click to cut the post and no box in the bottom where I can write 'Read More'. Would you help me? Thanks. Ratna

    ReplyDelete
  90. Is there a way to remove sidebars from only one Static page? I want sidebars on all my static pages except one. Please help!

    ReplyDelete
  91. do u know how to create more than 10 pages? is there any method?

    ReplyDelete
  92. OMG... this is what i want!!!..
    tq very2 much...

    ReplyDelete
  93. The image from point 5 no long appear to me, what can I do ?

    ReplyDelete
  94. i want to add pages 2nd time on my blog widgets but when 'm clicking on add widgets it shows pages already added.please solve my problem,help me to add pages widgets 2nd time.

    ReplyDelete
  95. I have try this on my blog. But what I want to do is put a background on it. Could you tell me how to do it?

    ReplyDelete
  96. i did the same things above but my pages tab doesn't come out on my blog. how?

    ReplyDelete
  97. The image from point 5 no long appear to me, what can I do ?

    ReplyDelete
  98. Hey I am new to blogger I want my posts to be stand alone pages can I do that... as I am new to it I am sorry if doesnt make any sense! You can check this here
    http://computer-world-of-knowledge.blogspot.com/
    and Please suggest me some thing to better organize my Blog.

    Thanks and regards

    ReplyDelete
  99. HI the last comment has no response!!Can anyone here clear my doubt??

    ReplyDelete
  100. nice info, dude. maybe it will work for me later >.<

    ReplyDelete
  101. you can go to this blog for facebook hacks
    http://gamingshax.blogspot.com

    ReplyDelete
  102. I do everything correct but than when I hit the publish button on the page, it just says, see post or edit post. Because when we add it we need to make one post. BUT IT DOESN'T APPEAR EVERYTHING!! :'( HELP PLEASEE!!

    ReplyDelete