Creating Static Pages using Blogger
Posted by Lindsayanng on March 3rd, 2009Using this idea, you will be able to simply create a basic blog post, and turn it into a static page. So if you want a CONTACT , ABOUT ME, or any other static page, you will definitely want to read on..
First you will want to create your blog post. Write it up as if you were creating a web page though, and not a post. Make sure to lay it out nicely and organized so it looks a little bit different from your posts.You can use things like heading tags to create a page heading, and other HTML basics to change the look.
Once you create your post, you will want to back date it. By doing this, you are taking it off of your main page and burying it in the back. You are doing this because you don’t want this post to show as a post. You should probably date it for the day before you entered your first blog post.
Then you will want to disable comments and backlinks to give a complete appearance of a page. You dont want people to comment on the “contact us” page right? So just don’t allow it.
Then you will want to create a static link to this “post” so that it looks like a page.
Depending on the look that you want, you will have to do different things. I usually suggest people put links to their pages across the top directly under their blog’s banner.
This is how you add the static page link code:
Open your Blogger Dashboard and open Layout -> HTML editor and find this code
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Testing Time of Day Background Script (Header)’ type=’Header’/>
</b:section>
Then you will want to change the top line to this:
<b:section class=’header’ id=’header’ maxwidgets=’2′ showaddelement=’yes’>
Then you will want to add this:
#header ul li {
display: inline;
padding:0 5px;
}
just before the closing
</b:skin>
Then you will want to save your template.
Finally, go to Layout -> Page Elements in your Blogger dashboard. You will a new page element that you can add to your header. There you will add the “Link List” widget, and add the links to your “static pages”, using the site name as the text you would like to appear for your link (about us, contact, etc).
If you want to add a contact form (which i think is a MUST) you can search for common JavaScript forms that are easy to just copy and paste into your blogger page.
If you want your pages below your header there is an explaination by one of our readers in the comments. THANKS!
Want to know who is offering this awesome content? Here it is! Someone who is relatively new to web design. I am new enough to still remember how absolutely frustrating it was to try and get anything done in this field, but have also been around long enough to be able to help those that are where I was a year ago.
Aside from web design, I run the office of my dad's engineering business, and do book keeping by trade.
I love my pets.. All 6 cats, 1 peg legged dogs, and 1 hedgehog. LOVE THEM!!
Oh yea, and my husband. He lets me chase my dreams and I let him do the same. We are happy people because of it. Read more from this author
