static pages in blogger ARE possible
This how-to is still "under construction" I just published it, because i think lots of people are suffering the same problem
[update]New Version available![/update]
Watch out my static 'About me' - page
'cause of a mysterious motivation boost i sat down yesterday night in front of my laptop, and tried to find is a way for "real-looking" static pages on blogspot.
and to make a long story short there is a way, to get professional looking static pages!
... i will still invest some work into this topic, but for now i will show you how it works with my 'quick-and-dirty' method (the breaking idea comes from hoctro's adding a frontpage tutorial).
here we go ...
1) let's start
add a page element (HTML/JavaScript) somewhere in the layout and drag it to show up before the 'blog post' section
2) change the layout
go to Layout - Edit HTML and enable the checkbox for Expand Widget Templates (do yourself a favour and SAVE your template before you change it)
3) search for the head-tag
and add the following lines of code directly after this tag
4) after the closing head-tag
you should find the body-tag - there you add onload='doIT()'[body onload='doIT();']
5) now the magic happens!
search for your widget you added in step 1 (title) and add line 4 and 12[b:widget id='HTML5' locked='false' title='About me' type='HTML']
[b:includable id='main']
[!-- static content starts--]
[b:if cond='data:blog.url == "http://[YOURBLOG].blogspot.com/search/label/xxx"']
[!-- only display title if it's non-empty --]
[b:if cond='data:title != ""']
[h2 class='title'][data:title/][/h2]
[/b:if]
[div class='widget-content']
[data:content/]
[/div]
[/b:if][!-- static content --]
6) we are nearly finished ...
search for widget blog1 and add lines 3 to 5[b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog']
[b:includable id='nextprev']
[b:if cond='data:blog.url != data:blog.homepageUrl']
[script]document.getElementById('Blog1').style.visibility='hidden';[/script]
[/b:if]
7) last one ...
edit your HTML/Javascript Widget you added in step 1
open the html view and add these lines
after that step, you can finally add your content!
So That's IT ... i know - it's not the easiest way, but i'm thinking of rewriting it to make it a bit easier. Maybe i even create a own widget to make it more comfortable to use
![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=6fede5f3-14c2-4860-b175-652194de4499)
8 Responses to static pages in blogger ARE possible
I tried but not able to do it on my blogger blog. Will wait for you to simplify it... Thanks
im currently thinking how to integrate it into a widget to make it easy to use ...
It doesn't work for me, because I didn't found the line "# [script]document.getElementById('Blog1').style.visibility='hidden';[/script]". Maybe you can help me out?
Danke!
Looks like a great idea, but your tutorial leaves to many questions open:
1) does this work for more than one static page? Otherwise, there is little use I am a afraid.
2) can the static page be opened through a normal link on the navigation menu (I guess so, right?).
Look forward to progress on this :)
Schöne Grüsse aus der Elzass, John
hey kellogg,
i know that the tut is not really answering all the questions, but i'm currently preparing myself for my final exam at uni - it will take some time to write a new version of it - sorry.
to answer your questions
ad 1) yes, if you do your static pages that way, you can have more than one static page.
ad 2) yes, like in the 'About me' link in the navigation, you can easily add the static page through a ordinary link
Thanks Kajdo,
Well, good luck with the exams!
Anyway just wanted to encourage you to continue this when you have time. I give it another try and it looked very promising! The only problems I had was: 1) the text "body onload='doIT();'" appeared on top of all pages. From your tutorial it was not clear whether to put this line behind or above the body.
2) None of my other "static" pages appeared. I guess this was intentional?
3) When you write "[" you mean "<" (I am a 2 week old blogger newbie!)
4) How about 2 or more static pages?
Again, Google reveals that there is quite a demand for something like this so please keep up the good work once you are done with your exams. For now I will stick with my old www.kelloggscamels.com version :)
Danke nochmals,
John
here is the new one http://detect-it.blogspot.com/2008/11/5-minutes-to-static-bloggerblogspot.html
Hi
Previously I was able to edit Blog Post and set number of post at main page to zero. That way no post would show on the main page where I use Hoctro's method to add a text or html to the main page instead.
Now I am unable to set it to zero. I wonder why. I went back to the blog that I had set to zero and change it to 1. Then change it back to zero but unable to anymore.
Something to say?