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 option
3.Click on the New Page button and you will get a new page editor(same as the post editor that you normally use)
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
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
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
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
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
<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 :)



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
nice..
i already use the blogger static page trick, more simple than this i think.....
i am still get this http://www.google.com/support/forum/p/blogger/thread?tid=08ef4f25e5efea3d&hl=en
@フェブリヤント
it does more or less the same, but the static pages wont appear in the archives,blog feeds etc..
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.
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
@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..
@admin
similar is the case with yours.. that script which you use summarizes the non-post pages. so the code needs to be tweaked..
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
thanks for ur help, I finally done it.
I finally was able to hide the sidebar on Pages ...
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.
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
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...
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.
@Shahrul
that is because you havent removed the previous trick properly. I had tested it on my test blogs before updating
Awww.... I create a page just for test and it's unable to delete :(( Can you help me??
I've created a new test blog with default Denim template, but my page still not displaying any content...just show its title only.
@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
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...
@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
@Gina - the issue arises because the template was coded before the introduction of the static pages :P..
Aneesh...I'm pretty damn sure. Look at this http://nemesiscult-draft.blogspot.com/p/about.html
@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.
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?
@Gina try reading this http://www.bloggerplugins.org/2009/06/selective-display-of-blogger-widgets-on.html
Do you mean the codes for hide sidebar?
The same result appear... :(
no man you havent followed this post properly. http://www.bloggerplugins.org/2009/06/automatic-post-summaries-for-blogger.html
Aahh...I can't figured it out. I has followed your step properly.
Maybe I must install a completely new template...
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.
is it possible to put the tag cloud on one of those pages?
Than You BG
thank you for information
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).
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... :)
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.
Im confused whats the difference between a post and a page?
im following you.. follow me back!
thanks u nice info.. keep blogging brother, i'm from indonesia
very usefull thank be first myblog edit mode=on
i have one question here.
can i make the pages always be my homepage using the conditional tag?
Do you mean the codes for hide sidebar?
The same result appear... :(
But what is draft bloggeR?
this is amazing!!!
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.
good
I was suffering how to use it.. thanks.......
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
Great!!
how to disable adsense from static page? Please respond
@Haris - Refer http://www.bloggerplugins.org/2009/06/selective-display-of-blogger-widgets-on.html
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
thanks!
cool..
very very helpful!! thank you!!
is there any way to asign various posts to a certain stactic page??
This really nice information for blog creator.
Thonks for your Information.
Is there any way to change the font color/style of the 'pages' link?
@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.
Thanks for the explanation! It worked for me perfectly!
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..
Great post.. really liked it !! I too write a blog just a hobby...
Great post, congratz!
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"
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?
thank u so much
but how could we add separate posts to a page or can redirect a the page button to a link (another blog)...???
any idea?
Can I change gadgets on different pages
Can you add gadgets to static post pages?
Hi, I want to put site map on the PAGE, can I?
How to add more than 10 pages in blog ? is there any widget available on the net ?
please can some check this blog and rate it for me. are there additional plug-ins, that will make it stand out?
Can I implement this to my old blog which already have several post?
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?
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.
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.
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!
@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.
its so simple! just put the links widget on the right sidebar, add your links and then drag it just about the "posts area"
Do you have any links to guides on how I can achieve these CSS tricks?
Is it possible to put a Blog Roll gadget on one of these Pages?
If so, how?
thank u...more i learn more i get to my blog....thank so much...
"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
brilliant tutorial !!!
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! :)
thanks for the tutorial
Thank you so much for this wonderful tutorial. It's easy to read and understand.
Post a Comment
Please don't spam on here..