How to Create Navigation Bar in Googlepage Creator

Iframe come to rescue

Google page creator is wonderful, because it's free and easy, as long as you can type, to create your own web pages as easy as creating a document in a word processor. But its small, sometimes you may feel desperate when your little homepage grow bigger. Because every time you add a page, you have to change the navigation bar in every page otherwise, your visitor most probbably will be lost.

Now, you have this simple free website, you don't want to add the linksfor every page and make change each time you publish a new page or delete and old one. What you can do is to insert an iframe code into the left or right navigation bar, so that I can have the same navigation bar on each page.

You can create the code something as follow:

<iframe align="left" marginwidth="0" marginheight="0" src="LeftNavigationBar.htm" frameborder="0" width="190" scrolling="false" height="1000"></iframe>

it loads into the page just the way you want it, however, when you click a link inside the frame, it opens the page inside the same frame!

That looks awful!

So the question is, how can you make a link inside an iframe open in the original page?

Well, in order to get the links within the iframe to load within the parent document, you need to specify this on the links themselves with the target attribute:

<a href="page.html" target="_parent">link to parent</a>

Hurray! All done. Now you need to change one file, all pages in your little website have the same left navigation bar!

Footer or Header

Same say to create a footer or header.

But normally, you may want to put links in your footer link to other site and open the link in a new window.

Well, in order to get the links within the iframe to load in a new window, you need to specify this on the links themselves with different target attribute:

<a href="page.html" target="_blank">link to parent</a>

Hurray! All done. Now you only need to change one file, all pages in your little website have a cool footer or header! And open the link in a new window.

More by this Author


Comments

No comments yet.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working