Jul 19, 2012

Embed Webpages on Websites

Embed Webpages on Websites Front
There are times while blogging or writing online, when you feel the need for a tool which can let you embed or paste a website directly on your page. So, What should you do to embed a live webpage at a live URL on another blog or a website? 

The simplest code based solution is an iframe. developers at facebook have been using this technology since their inception. Question is, how do you use it?

An iframe is according to the professionals at w3schools.com is "An inline frame is used to embed another document within the current HTML document." Which simply means, using this code will allow you to embed a document into another website just like a YouTube video.

The feat is accomplished very simply using the following code.

<iframe frameborder="0" height="400"
src="http://www.codemakit.blogspot.in/2012/07/complete-website-review-with-report.html" width="100%"></iframe>

This code must be pasted on the html tab of a blogger dashboard.

Embed Webpages on Websites Screenshot

The above code has the following effect on the page.



Thus, using an iframe, you can still browse the complete website through this window. Try a few links to check. However for spammers and Blackhat SEO players, the iframe will not help you to gain precious search engine points. The reason being, any text or code inside an iframe is never scrutinized by web crawlers or spider robots, The bot will look it as just another code with link in it.

But you must understand, as per Google's updates, Such techniques might not be useful for your everyday developer too.

This is how you,
Embed Webpages on Websites MohitChar