Search Google

Saturday 21 June 2014

how to embed live website within website in html

looking for a way to display a web page within a web page, this HTML code may be just what you're looking for.

Embed Code Generator

Here’s a simple solution. To do this, all you need to do is to tweak some simple codes:
<object data= width=”650″ height=”500″> <embed src= width=”650″ height=”500″> </embed></object>

How to tweak the code

  1. replace the two instances of “” with the actual URL of the web page you want to embed
  2. change the width and height to meet the need of your post (650 px works best for the default post width of my blog)
  3. copy and paste the tweaked code into the Text editor of your post

<object data="" width=”650″ height=”500″> <embed src="" width=”650″ height=”500″> </embed></object>


<iframe src="" width="800" height="600"></iframe>


How to embed a live Google Docs spreadsheet into a webpage

The process is very simple and the results will definitely save you a lot of time.
  • First, import your Excel file in Google Docs or open your Google spreadsheet;
  • File > Publish to the Web...;
  • Check the box that says “Automatically republish when changes are made”;
  • Click "Start Publishing";
  • Change “Get a link to the published data” from “Web page” to “HTML to embed in a page”;
  • Copy and paste the HTML code generated (should start in "<iframe") in an HTML-enabled space on your webpage.
In your webpage, in HTML mode, write a code using the standard HTML notation to create a link <a href=”URL”> YOUR TEXT HERE </a>
The URL you will have to plug in is your Google doc one, found under “Share...”:

Click "Share..." under "File"

Grab the URL circled and paste it in the HTML code.
Once you’ve done that, you can simply write something like “Click here to access the Google document for this table” in the YOUR TEXT HERE space, and... all done!


No comments:

Post a Comment