Blogger Pages are finally out


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

89 comments: Add Comment
Soufiane LeBlogger said...

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

Tino Rivai said...

nice..

フェブリヤント said...

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

rio2000 said...

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

Aneesh said...

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

admin said...

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.

Coffee Blogger said...

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

Aneesh said...

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

Aneesh said...

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

Aneesh said...

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

admin said...

thanks for ur help, I finally done it.

Soufiane LeBlogger said...

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

Connectivity Archives said...

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.

Blogging Tips said...

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

100 Ro said...

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

Shahrul said...

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.

Aneesh said...

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

Anup @ Hack Tutors said...

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

Shahrul said...

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

Aneesh said...

@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

Gina said...

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

Aneesh said...

@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

Aneesh said...

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

Shahrul said...

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

Aneesh said...

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

Gina said...

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?

Aneesh said...

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

Shahrul said...

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

Aneesh said...

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

Shahrul said...

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

JB said...

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.

Umberto said...

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

Zidani said...

Than You BG

Anonymous said...

thank you for information

Saralyn said...

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

Shahrul said...

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

maiaT said...

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.

S Malik said...

Im confused whats the difference between a post and a page?

MILMF said...

im following you.. follow me back!

kopitiiz said...

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

Oskar Weinstein said...
This post has been removed by the author.
Babe said...

very usefull thank be first myblog edit mode=on

Adsense Hot said...

i have one question here.

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

Elektronik blogu said...

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

Z said...

But what is draft bloggeR?

ven0mday said...

this is amazing!!!

T said...

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.

Merda's de Casa! said...

good

Jeshmal4u said...

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

neno said...

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

buythecow said...

Great!!

Haris said...

how to disable adsense from static page? Please respond

Aneesh said...

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

Phil (Thymallus Thymallus) on Fly Forums said...

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

Darwyn4 said...

thanks!

Lura Ve said...

cool..

Sonja Wright said...

very very helpful!! thank you!!

Bellz Journey said...

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

Learn4Earn said...

This really nice information for blog creator.

Thonks for your Information.

Pearls and Pumps said...

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

Aneesh said...

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

T. Fisher said...

Thanks for the explanation! It worked for me perfectly!

EihdraG said...

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

Sameer Khan said...

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

Caso Verdade said...

Great post, congratz!

Oscar and Rose Photography said...

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"

M. Amin said...

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?

ABC-بحر الإنجليزية said...

thank u so much

Hacky said...

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

any idea?

Film IT said...

Can I change gadgets on different pages

holly stoehner said...

Can you add gadgets to static post pages?

ArepChePha said...

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

India Seo King said...

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

Anonymous said...

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

Ranu said...

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

My Name is Julia said...

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?

Umer said...

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.

Jill said...

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.

Klustter said...

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!

Aneesh said...

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

Klustter said...

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

My Name is Julia said...

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

Joe said...

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

putra_yus said...

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

אנטון ליבשיץ said...

"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

David Mirov said...

brilliant tutorial !!!

Mari said...

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

Dom Horton said...

thanks for the tutorial

Queer English said...

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

Post a Comment

Please don't spam on here..