Flipkart.com
$1.99/mo Web Hosting
Save some Cold, Hard Cash! $7.49/yr domains

Saturday, January 7, 2012

How to put embed webpage to your blog using iframe

Sometimes you want to show other website page on your blog.. may be for reference or as people don't like to click on href much.. generally developer like to show most of links with visualization only.

Now.. to put iframe on your blog just two easy following steps:
1. use HTML to edit your blog
2. copy following code to your HTML part of blog
<iframe src ="URL of the website you want to embed" width="100%" height="400" frameborder="0">
<p>Your browser does not support iframes.</p>
</iframe>
       
You can put an IFrame in either a blog post, or in a special page element. It's a dynamic window; when you change something in the blog contained in the window, the contents of the window changes too. Just refresh, and you can see the change.
here we have put <p>Your browser does not support iframes.</p> because if your blogger solution or client browser doesn't support iframe instead of showing them blank screen. it's better to show them a message.

Example :




Good Luck :-)