Budding Bloggers Network - Mutual blog help club
When it comes to success, you can’t do it alone – and why would you want to?
HTML Tutorial: Using IFrames
This post is the first of a 3 part-er!
Iframes are a great way of embedding external web pages or pages from your site within one page on your site.
Yo can even use them in Blog posts to showcase your site or another blog that your talking about. Using Iframes keeps readers on your site while also giving the site your embedding the traffic your sending their way as their site is loaded every time yours is, everyones a winner!
Right lets cut to the chase: How do you add an iframe?
Simple, add the following code wherever you want the iframe to appear:
Src lets the browser know what page to load.
Width and Height specify the size of the iframe. If you only specify a small size the frame will small and the readers can scroll to see the whole page. Play with the size untill your happy with the outcome.
Frameborder is self-explanitory, again, play with differnt numbers. I like "0" so thats what I use but it may not always be right for you.
The non-frame content is just a link to the page you want to show in case your readers browser does not support iframes, don't worry though-most browsers support iframes.
Check back tommorrow for part 2 of this 3 part-er. Tommorrow I'll talk about Drop-down Lists and then on Tuesday I'll show you how to combine the two and keep readers on your site longer.
Example:
Happy Blogging!
For more Great HTML Tutorials like this check out Web Design Servers
Iframes are a great way of embedding external web pages or pages from your site within one page on your site.
Yo can even use them in Blog posts to showcase your site or another blog that your talking about. Using Iframes keeps readers on your site while also giving the site your embedding the traffic your sending their way as their site is loaded every time yours is, everyones a winner!
Right lets cut to the chase: How do you add an iframe?
Simple, add the following code wherever you want the iframe to appear:
<iframe src="ablankpage.html" width="300" height="300" frameborder="0"> Your Browser does not support iframes.Iframe is the tag to let the browser know you want it to load an external page.
See the <a href="ablankpage.html"> Non-Frame content</a>.
</iframe>
Src lets the browser know what page to load.
Width and Height specify the size of the iframe. If you only specify a small size the frame will small and the readers can scroll to see the whole page. Play with the size untill your happy with the outcome.
Frameborder is self-explanitory, again, play with differnt numbers. I like "0" so thats what I use but it may not always be right for you.
The non-frame content is just a link to the page you want to show in case your readers browser does not support iframes, don't worry though-most browsers support iframes.
Check back tommorrow for part 2 of this 3 part-er. Tommorrow I'll talk about Drop-down Lists and then on Tuesday I'll show you how to combine the two and keep readers on your site longer.
Example:
Happy Blogging!
For more Great HTML Tutorials like this check out Web Design Servers
Add a Comment
About
Badge
© 2009 Created by Buddy on Ning. Create a Ning Network!
You need to be a member of Budding Bloggers Network - Mutual blog help club to add comments!
Join this Ning Network