How to Embed a Document, Spreadsheet or Presentation on your Website or Blog

Ever since Microsoft launched it’s cloud computing service SkyDrive it’s never been easier to embed a document, spreadsheet, or presentation on your website or blog:

SkyDrive is Cloud computing service that allows users to host files on the internet. 

It also is a very useful tool for embedding Microsoft Office Documents on your website or blog. Just follow these steps to embed your own documents.

Step 1:                  

Go to www.SkyDrive.com

Create an account,

                  If you have a WindowsLiveID, you can use that to sign in.

If you have a Hotmail, Xbox LIVE, or Windows Phone account, you can use those credentials to login

                  Select Sign Up Now at the bottom of the page

                  Enter all the required information

You’ll have to go to your email and click on the confirmation link SkyDrive sends you to activate your account

Once you’re registered log into your Skydrive Account

Step 2:

Select Upload

Select whatever MS Word Document, PowerPoint presentation or Excel Spreadsheet you wish to upload.

Step 3:

Once the file is uploaded it will appear in your SkyDrive library.

Right click on the file that you wish to embed.

On the dropdown menu, select Embed.

Step 4: 

This will open a new window. There, locate and select the “Generate” button.

This will generate a text box with the HTML for your document.

Copy and paste that code onto your website wherever you want your document to appear. 

Editing the size of your embedded document

You can alter the code to make your embedded document the exact size you need. All you have to do is locate and edit the height and width assignments in the code SkyDrive gives you (see example below).

<iframe src="https://skydrive.live.com/embed?     cid=4D60CD688DFF9D95&resid=4D60CD688DFF9D95%21150&authkey=AFrV0Z-fTrklYgw&em=2" width="476" height="288" frameborder="0" scrolling="no"></iframe>

The size of the Document is measured by Pixels. Change the amount of Pixels indicated to your desired width and height. (There 72 pixels in 1 inch)

                 

Note

Any documents that you embed using SkyDrive are linked directly to your SkyDrive account. If you use SkyDrive to embed a document on your website and then delete that document from your SkyDrive library, that document will no longer appear on your website! You must keep any documents you embed saved on your SkyDrive account for them to work.

Previewing your Embedded File

If you wish, you can preview how your document/spreadsheet/presentation would look online without uploading it to your website. You just need to use a HTML Generator, like www.HTML.am There, you can copy & paste in your code from SkyDrive (or any HTML) and preview exactly what it would look like in a online environment.

This can be helpful for testing and editing purposes, and allows you to see changes you make without risk of disrupting your server.