Search This Blog

Friday, September 07, 2007

Embed Powerpoint presentation into your post

There is a site Scribd that will enable you to embed PowerPoint presentations into your post. An example can be seen at Malaysians have to change attitude to succeed.

I shall now describe how I did it. First, you must have a PowerPoint (ppt) file stored in your computer. At Scribd, you can either register first before you upload the ppt file or register first. The advantages of registering is you can edit and delete your uploaded files, view the statistics, make a Profile pages with links to your sites which may help you get more traffic to your sites plus improve the link popularity and PageRank.

Browse to your file, click "Upload", then "Publish". After a while, your file will be successfully uploaded and on the left, you will see a box with the script for you to paste into your post editor to display the PowerPoint presentation. Highlight the whole script (ctrl+A), copy to clipboard (ctrl+C) and paste it into the post editor window (ctrl+V). Now you will have to do a bit of tweaking to get the presentation to fit into the post.

First find out the width of the main column (posts) of your blog (How to find the width of your blog Header, main column (posts) and sidebar/s. Click BACK button to get back to this page).

Now the width of the main column (posts of Guide to Malaysia is 400 pixels while the script generated by Scripd will display a presentation 450 pixels. I will have to do a bit of tweaking to make the presentation fit the width of the post.

The script generated is

<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 there are two places where the width and height (highlight in red) in the script.

What I do is to open Irfanview and create an empty image by clicking on IMAGE > CREATE NE (EMPTY) IMAGE in the menu bar at the top, type in the width and height for the empty image (see screenshot below. Click to enlarge):

Irfanview resize empty image

Make sure that the "Preserve aspect ratio" is ticked, then enter a new width for the image. The height will automatically change to keep the image undistorted. In my case, I chose to use the new width of 399 pixels, and the height was automatically changed to 433. I then edited the two places for the width and the height in the script and it became

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


This edited script is then pasted into the post editor, and as you can see from Malaysians have to change attitude to succeed, the PowerPoint presentation fits nicely into the post.

19 comments:

  1. hello,nice blog,and very useful..keep rocking ;)

    ReplyDelete
  2. oh the olny reson is put that comment cuz i thught u worked for google sorry,..... but u got a sweet blogs!!!

    ReplyDelete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. Hi just for fun,

    Thanks, it is helpful and it is fun to get useful info from visitors, Thanks for the link to a post about embedding ppt presentations and PDF files. I will check it out when I have the time and if satisfactory, will acknowledge your contribution and include a link to your blog if you want plus your name or nickname if I have your permission.

    However, I have to delete your comment because you left an inactive post URL (permalink) which have become a long unbroken line. This can cause problems.

    Next time you leave links in comments, make sure you make it an active (clickable) link like these 2.

    Peter a.k.a. Enviroman
    Natural Remedies

    ReplyDelete
  5. Hi Chen Thanks for the comment and sorry for the dead link...... i didnt noticed that post was recently moved leaving the old link in the comment

    http://probedeep.blogspot.com/2008/04/embed-power-point-in-blog-with-slide.html

    ReplyDelete
  6. Hi Fun,

    Thanks for getting back to me, but unfortunately you have made the same mistake again - an inactive link (inactive or unclickable URL which has become a long unbroken line and I regret I need to delete your comment again. Again, I would like to draw your attention to Make active or clickable hyperlink in post and comment.

    Blogger FAQ (Frequently Asked Questions_
    (Blogger FAQ in progress. More will be added as I have the time)

    ReplyDelete
  7. Mr. Chen,
    I am creating a genealogy blog for my family (and anyone searching for my family). I am trying to embed a .pdf or .ged file. They are both files used by family tree type programs. Because those are saved on my computer and nowhere on the web, I am having a hard time figuring a way to post them, either as a gadget or embed them into a post. Is there a way to do this?
    Thanks for your time
    Donald Kingsley
    capt.kingsley@gmail.com
    kingsleyfamilytree@blogspot.com

    ReplyDelete
  8. I got frustrated at the very first step. I chose the PPT that I wanted to upload from my files. It showed in the box on the right. The 'upload docs' was highlighted in blue until I moved the cursor over to click on it. At which time, it lost its highlight. I clicked on it and nothing happened. I repeated the steps several times with no success. I never did see a "Publish" link on the page I was on.

    ReplyDelete
  9. I got frustrated at the very first step. I chose my PPT from my files. It showed up in the box on the right. There was an 'upload docs' link highlighted in blue in the box. I moved my cursor over it and clicked on it but nothing at all happened. There was not a "Publish" link anywhere on the page. I repeated the process several times but with no success. I'm missing something, obviously, but not sure what. Can you help?

    ReplyDelete
  10. Actually what I do is first I publish my Google documents as a web page then it gives you an option to publish on your blog. I click post to blog and then the document appear on my site. After this I can edit,add photos and alter the test color. This is I think the easist way to show a document on your blog/website. And reader find it looks more attractve as a web page.Also as I work from a shared computer,(internet cafe)I cannot store anything on the computer. Andrea.

    ReplyDelete
  11. Hezbollah And Andrea Sites. Thanks for sharing.

    ReplyDelete
  12. Reply to comment by Peter@Enviroman.I am glad you find my tip on adding Google docs to Blogger blogs useful.I have been blogging for over a year now and I am learning new skills all the time.Files and documents do look more attractive as web pages and with colored text and pink or Lemon pages such as my blogs. Readers tend to take more notice of my posts. Andrea.

    ReplyDelete
  13. Hello ,thanks i find your blog a reference point and it works wonders for me.

    ReplyDelete
  14. This is very helpful thanks. I used this trick recently on my blog post: 3 lessons from National Zoo.

    One slight change though, as you may know, scribd is no longer required, you can save your PowerPoint files to Live Skydrive, and the rest works about the same.

    ReplyDelete
  15. Amrinder, thanks for the heads up.

    ReplyDelete
  16. Amrinder, thanks for the heads up.

    ReplyDelete
  17. Thanks a ton for this post. I have been searching for this for months! Please visit: www.stressandyou.in

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...

Find topics by using the Google custom search box above which can search multiple blogs, or the SEARCH BLOG in the left corner of navbar. You can also find topics in the Label List and Categrories in the right sidebar.

For more information and special deals related to any of the issues on this page, place your cursor over the double-underlined links. All information supplied by Kontera.com.

Disclaimer: This blog has no relation with Wiley Publications