Use above Custom Search to search for relevant topics

Friday, November 9, 2007

Embed Powerpoint Presentation in a post

It is now possible to embed a Microsoft Powerpoint presentation into a Blogger post. Here is a demonstration: Success depends on attitude and not resources.

To do this, you will have go to Scribd. You can either just upload your Powerpoint file from your computer to Scribd, but I would advice that you sign up for an account first (you can upload first, you will be given a chance and encouraged to register for an account later when you publish. The reason for signing up is when you have an account, you can get access to all the files you uploaded to Scibd, you can edit or delete the files you uploaded.

Click on the upload button, click on the "Click to Upload" button:

Scribd Click to Upload button

wait for the file to be uploaded, then click the "Publish" button:

Scribd Publish button

After successfully publishing, there will be a script for you to copy and paste into your post. The only thing is, you have to ensure that the script will fit into the main column (posts). If you don't know the widths of the different sections of your blog, refer to How to find the width of your blog Header, main column (posts), sidebar.

For example, from the template of Motivation and self-improvements which is the blog where the above Powerpoint presentation was embedded, we get this from the template:

#main-wrapper {
width: 400px;
margin-left: 20px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

That tells us that the width of the main column (for the posts) is 400 pixels. The original script for the above Powerpoint presentation was

<object width="450" height="500"><param name="allowScriptAccess" value="SameDomain" /><param name="movie" value="http://static.scribd.com/FlashPaperS3.swf?guid=28hdkelx2skr9&document_id=273703" /><embed width="450" height="500" src="http://static.scribd.com/FlashPaperS3.swf?guid=28hdkelx2skr9&document_id=273703" type="application/x-shockwave-flash"></embed> </object>


Note that the width is 450 pixels and the height is 500 pixels (highlighted in red). What is important is the width. The height you can edit to any value you want, but the width must be 400 pixels or less. Also, note that the widths and heights occurred twice in the script. I thus edited the width to 400 pixels and the script that I used to embed the Powerpoint presentation in Success depends on attitude and not resources is shown in the scroll box below:

<object width="400" height="500"><param name="allowScriptAccess" value="SameDomain" /><param name="movie" value="http://static.scribd.com/FlashPaperS3.swf?guid=28hdkelx2skr9&document_id=273703" /><embed width="400" height="500" src="http://static.scribd.com/FlashPaperS3.swf?guid=28hdkelx2skr9&document_id=273703" type="application/x-shockwave-flash"></embed> </object>

4 comments:

Price said...

Thank you so much! I just followed your directions and it was easy-peasy!!

Christa said...

you are a life saver, thanks loads & loads Peter!

Christa said...

you are a life saver, thanks loads & loads Peter!

wmsenglish2010 said...

Thank you for the easy to understand instructions!