Stay Signed In
Do you want to access your site more quickly on this computer? Check this box, and your username and password will be remembered for two weeks. Click logout to turn this off.
Stay Safe
Do not check this box if you are using a public computer. You don't want anyone seeing your personal info or messing with your site.
What is an iframe, you ask? An iframe is a sized box that you can place on your homepage. You can program it so that when people click on the links in your page list, the page will not open in a new window, but appear in that box instead. That way, your visitors can navigate your whole website just by staying on your homepage! It saves you A LOT of time (and lag) so that your visitors won't have to constantly open your links in new windows and hit the back button to get back to the homepage. Want one? Of course you do! Read on to learn how to use it.
Alright, it's really easy to use. You just need to know how! First, copy and paste this code onto the page you want your iframe on. So far, this creates a box:
Right now, the default width and height of the box is 500 pixels wide and 500 pixels long. You can play around with those to get the size of the box you want.
Where it says "URL" is going to be the default page. Just like with piczo, when you first come to your website your homepage is your default page (or enter page) The same goes for an iframe! When someone first loads the page your iframe is on, your iframe needs a default page. For my site, it is the updates page. Just copy and paste the page you want your default page to be, and paste it where it says "URL".
Good job! We are halfway through. The first part was just making the iframe show up and look nice, now we have to make it so that our pages show up in it. This is also very simple too!
Let's look at the iframe coding for a moment. See this line here: iframe name="main"
What we did was name the iframe "main". You know how if you want to make your pages open in a new window, you put target="new" in your link? Well we're going to do the same thing, except it's going to be target="main"!
So let's start! Open up your page list. I'm sure there are alot of links that look like this (except filled out, ignore the *'s): <*a href="URL">Page name</*a>
Well change that to this: (ignore the stars again) <*a href="URL" target="main">Page name</*a>
See how we added the target main? This makes it so that when someone clicks on the link, it opens up inside of your iframe and not in a new page or overlapping your current page. Just make sure that everything works and you're done!
Like this tutorial? Have any comments, questions or concerns? Maybe you have tips or faster ways to do something? Write down your thoughts and replys here!
