create static front page/home page in blogger

Steps to get things going(concise)

1. Select pages -> new page -> blank page(when the title of the page is given the url<path> is also set with that tile name)
eg: if the title specified is "Log Title"
then the URL is
http://qtmoko.librelab.org/p/log-title.html

2. Select show pages as top tabs(only then the step 3 will be visible)

3. Hide the default Home in the page section by going into
layout -> pages (edit) -> uncheck the Home page -> save

4. Steps to redirect the page to the front static page
by default the web address(qtmoko.librelab.org) accesses the blog page and not the static front page which was created(namely http://qtmoko.librelab.org/p/front.html).
To redirect the qtmoko.librelab.org to http://qtmoko.librelab.org/p/front.html specify the following
 settings -> search preferences -> custom redirects
from: /
to: /p/front.html
means redirect http://qtmoko.librelab.org/
to http://qtmoko.librelab.org/p/front.html

5. Linking the blog posts page (http://<domain.name>/index.html)
make use of web address in new page (send readers to another address)
page title: weBLOG
Web address (URL): http://qtmoko.librelab.org/index.html

Format followed all throughout the vanity domain(librelab.org)
the font page will always have a URL http://<domain.name>/p/front.html
the list of titles logged will have a URL http://<domain.name>/p/log-title.html
the blog will acquire the title weBLOG and URL http://<domain.name>/index.html

ref:- http://www.bloggertipspro.com/2012/06/creating-blogger-static-home-page.html