How to Upload Word, Excel, PowerPoint, and OneNote File on Blog Web Page?

The official release of Office Web Apps reveals a new prospect for directly upload Excel workbooks, word documents, OneNotes notes, and PowerPoint presentations on blogs or web pages. With new engrafted attribute integrated into Office Web Apps, bloggers and webmasters can upload Microsoft Office files straightaway on the web page or blog post enabling visitors to immediately see the material without the need for downloading it or redirecting to the host page.

Earlier, users had to depend on various services providers like Google Docs so that you can upload office documents and files on internet websites and SharePoint wiki designed for enterprises. Office Web Apps although came late, hope to be noticeable on uploading potential along with superior format maintenance of OneNote, PowerPoint, Excel and Word files.

With the uploading attribute of Office Word Apps, you can embed Excel Spreadsheet, OneNote, PowerPoint presentation, and word documents to the Window Live SkyDrive that will serve the function of file respiratory and the dashboard. Introduce code in HTML tag can be gathered over the file shared to the public and stored and paste on the webpage where the file has to be uploaded.

Here is the stepwise guide to upload a file with Office Web Apps.

Tip: Changes to the office files for instance Excel Workbook, Word Document, OneNote, and Word files will be instantly resembled on the page, where file has been uploaded. During the entire procedure, the user needs to log into Window Live ID.

Step 1: Share the file to Public

Prior to uploading an office document on webpage, the user must save the file on Window Live SkyDrive hosting server, should be open to view publicly.

For those, who are generating the docs with MS Office2010 desktop apps, they will be able to save the files straightaway to the public server of window live just by hitting “Click & Save” in “Backstage View” then “Save to Web” and then after signing into Window Live double click “Public” folder.

Alternatively, you can also upload file in public folder by visiting this link

For those who want to upload an existing office file or previous version of office apps, which are not supported, then you can upload by visiting the link. 

Those who have file stores in private folders, they can move them to public folder by click “more” in menu then “Move” then select “Public” folder.

Note: if destination folder consists of same file name, then rename the file for preventing overwriting.

Login to Office Web apps by visiting Office live or Skydrive live

Click the folder for public sharing

Click share>Edit permission

Move the slider to everyone

Click Save

Step 2: Copy the HTML embed Code from Office Web Apps

To obtain the HTML tag for docs shared by office web apps that has to be pasted on the source code of webpage. Follow the below mentioned steps

Login to office web apps from Office live or Skydrive live

Open the folder in which the document is included for uploading on webpage or blog

Click on More>share>Embed


View properties>share>Embed then click copy

Step 3: Paste the HTML Tag into Blog or Web Page’s HTML

The HTML code of office web apps is supported by many blog services and web authority environment. The following are the steps, which are used in well-known blogging services such as, Blogger, word press.

Normally, many editors writes posts and then switch over to HTML and then paste the link by pressing Ctrl+V, then Continue>Preview>Publish

To upload the docs in SharePoint Wiki you have to paste src portion tag into page viewer.

On wiki page Click Edit

Paste the HTML tag of office web apps on wiki page

Copy the part of tag between the quote marks that starts with http.

Click Editing tools>Insert>Web part

Categories>Media and Content

Web parts>Page Viewer>Add

Open Tool Panel>ok> Delete http:// and paste address

Click Apply

Step 4: Personalize the Office Web Apps Embed Display

By default, the whole file will be shown on the webpage frame. You can personalize the frame as per your needs, so that Excel workbook or notes will be visible on the webpage. You can also enable interactivity like filtering, sorting, and typing in frame.

You can personalize the display with HTML editior.

Below mentioned are some of the parameters.

Allow Interactivity

Allow Interactivity= False, replace false with True.



Allow Typing

Turn on interactivity by AllowInteractivity=True add AllowTyping=True within src code


Display a Specific Item:

Excel workbook that features a name range, pivot table, table or chart, it is feasible to show particular item on web page by using the Item=<ItemName> to src code.



Specify an Active Cell:

You can also specify a particular cell to be active whenever webpage opens with the help of A1 notation like highlight cell B6 > ActiveCell=B6 >to src code

If you want to highlight a cell on worksheet rather than current sheet then use the following parameter

To make C6 on sheet3



Change the Size of the Frame:

You can change the frame size by changing the values of weight and height as follows

width=”201″ height=”173″ frameborder=”0″ scrolling=”no”></iframe>


Please enter your comment!
Please enter your name here