you're reading:
Gigya, Html & inline css codes, Prezi, Shortcodes

Inserting Prezi docs

http://wpbtips.wordpress.com/

Prezi is a zooming presentation editor that allows you to create elaborate presentations. Example:

AP Bio- Evolution 6: Brief History of Life on Prezi

To insert a Prezi doc, visit the Prezi page with that doc, click Share, click Embed, copy the code. It will look like this:

<div class="prezi-player"><style type="text/css" media="screen">.prezi-player { width: 550px; } .prezi-player-links { text-align: center; }</style><object id="prezi_boa21ytdaoxy" name="prezi_boa21ytdaoxy" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400"><param name="movie" value="http://prezi.com/bin/preziloader.swf"/><param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/><param name="bgcolor" value="#ffffff"/><param name="flashvars" value="prezi_id=boa21ytdaoxy&amp;lock_to_path=0&amp;color=ffffff&amp;autoplay=no&amp;autohide_ctrls=0"/>
<embed id="preziEmbed_boa21ytdaoxy" name="preziEmbed_boa21ytdaoxy" src="http://prezi.com/bin/preziloader.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="550" height="400" bgcolor="#ffffff" flashvars="prezi_id=boa21ytdaoxy&amp;lock_to_path=0&amp;color=ffffff&amp;autoplay=no&amp;autohide_ctrls=0">
</embed></object><div class="prezi-player-links"><p><a title="
-Lecture 6 of my evolution unit. Image Credits: Biology (Campbell) 9th edition, copyright Pearson 2011, & The Internet. Provided under the terms of a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. By D. Knuffke.

- " href="http://prezi.com/boa21ytdaoxy/ap-bio-evolution-6-brief-history-of-life/">AP Bio- Evolution 6: Brief History of Life</a> on <a href="http://prezi.com">Prezi</a></p></div></div>

Copy this part of the code:

<embed id="ETC ETC ETC"></embed>

and turn it to this shortcode:

[gigya id="ETC ETC ETC" ]

Add this part of the code, removing all the wrong spaces that surround the title of the first link:

<p>ETC ETC</p>

End result for my initial example:

[gigya id="preziEmbed_boa21ytdaoxy" name="preziEmbed_boa21ytdaoxy" src="http://prezi.com/bin/preziloader.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="550" height="400" bgcolor="#ffffff" flashvars="prezi_id=boa21ytdaoxy&amp;lock_to_path=0&amp;color=ffffff&amp;autoplay=no&amp;autohide_ctrls=0" ]
<p><a title="Lecture 6 of my evolution unit. Image Credits: Biology (Campbell) 9th edition, copyright Pearson 2011, & The Internet. Provided under the terms of a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. By D. Knuffke." href="http://prezi.com/boa21ytdaoxy/ap-bio-evolution-6-brief-history-of-life/">AP Bio- Evolution 6: Brief History of Life</a> on <a href="http://prezi.com">Prezi</a></p>

Paste into HTML post or page editor (or into a text widget, in case you want the doc in your sidebar). Width and height can, or must, be changed – consult my posts on maximum main column width and sidebar width.

http://wpbtips.wordpress.com/

Advertisement

Discussion

24 Responses to “Inserting Prezi docs”

  1. Hi Panos,
    Once again a very interesting post !
    Greetings.
    Franco

    Posted by putignanonelmirino | September 26, 2011, 13:22
  2. Hi and thanks Franco. As often here, the post is the result of a question in the forum. So half the credit goes to the people who ask!

    Posted by Panos | September 26, 2011, 13:40
  3. These things are so cool Panos! I was already planning to do a post on them after seeing them mentioned in the comments on another of your posts, and now you saved me the trial and error. I’ll still be linking back to you, as usual, for “expert” assistance! :D

    Posted by IzaakMak | September 26, 2011, 21:27
  4. Thank you, you are brilliant! Prezi is the future! And besides, I swore I’d never learn powerpoint!

    Posted by raincoaster | September 27, 2011, 01:50
  5. Thanks IM. Inserting them is easy – I guess the interesting part is creating them.

    Hi and thanks rain! Confession: I never liked or learned powerpoint either.

    Posted by Panos | September 27, 2011, 03:08
  6. Thank you for this latest tips.
    I’ll try it, sure.

    Posted by Om Kicau | September 27, 2011, 15:35
  7. @OM: You’re welcome. Try inserting one or try making one?

    Posted by Panos | September 28, 2011, 03:45
  8. if you would like to embed a prezi in wordpress and make it autoplay with the option to control individual path timing transitions then here you go
    [Link removed - P.]

    There is also an additional way to implement in WordPress mention here
    [Link removed - P.]

    And the solution
    [Link removed - P.]

    Posted by [username removed] | September 28, 2011, 14:58
  9. My tagline clearly says “tips & advice on wordpress.COM blogs”. Your solutions are for self-hosted blogs, so you don’t get to advertise here.

    Posted by Panos | September 28, 2011, 16:17
  10. hola ña verda quiere meter mi prezi en wordpress pero tomo todas las medidas y no me funciona como lo puedo hacer

    Posted by guufy21 | October 20, 2011, 22:52
  11. I guess you two are the same! Sorry, I can’t reply in Spanish. If you wish to show me some code, you need to use Textsnip – see point 4 here:
    http://wpbtips.wordpress.com/comment-guidelines/
    But first try following the instructions in my post more carefully.

    Posted by Panos | October 21, 2011, 03:47
  12. Genial! Muchas Gracias. Thank a lot!!!!!!!!!!!!!!!!!!!!!1

    Posted by jpbrandi | October 30, 2011, 15:25
  13. You’re welcome JPB!

    Posted by Panos | October 31, 2011, 23:15
  14. Hi,
    I tried to follow your instructions, but I still cannot embed my prezi. Should I insert the embed code instead of the ETC in your giga example? ([gigya id="ETC ETC ETC" ] ) . Would you mind and explain it again for me? That would help me so much.

    Thanks! :)

    Posted by szyk23 | November 25, 2011, 05:08
  15. You copy the part of the original code that starts with “embed” and ends with “/embed”, and change the beginning and the end as shown. Check the finished example at the end of the post.

    Posted by Panos | November 25, 2011, 13:52
  16. I still don’t get it.

    This is my prezi code
    [Code relic removed - P.]

    and I tried this

    [Shortcode removed - P.]

    What did I wrong?

    Thanks for your help!

    Posted by szyk23 | November 29, 2011, 23:58
  17. You can’t display code by pasting it in a comment. Check point 4 here:
    http://wpbtips.wordpress.com/comment-guidelines/
    and try again using Textsnip.

    Posted by Panos | November 30, 2011, 18:25
  18. Thank you! awesome!

    Posted by breadceo | December 19, 2011, 16:15
  19. I don’t really see how I can help you any more than my post already does. You just copy this part of the embed code:

    <embed id="ETC ETC ETC"></embed>

    change it to this:

    [gigya id="ETC ETC ETC" ]

    and paste it into the HTML page editor.

    Try it first, and if you can’t figure it out I’ll work it out for you.

    Posted by Panos | January 11, 2012, 05:33
  20. Thanks so much Panos! I lost all my hopes that embedding prezis would have worked in my wordpress, but now it does! Gratitude! Best,
    Marco.

    Posted by eccemarco | January 11, 2012, 19:26
  21. You’re welcome Marco. In general, you can embed any object if it provides a flash code (tags “embed” and/or “object”).

    Posted by Panos | January 11, 2012, 19:55

Trackbacks/Pingbacks

  1. Pingback: Present and correct « Headstrong Ways - November 11, 2011

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Author

author's avatar panos
wpbtips.wordpress.com
Mostly on themes, html, formatting, tweaks and workarounds.
Based on or springing from my contributing in the wp.com forum.
Theme-related posts constantly updated
Premium themes and Annotum not included
Safari Icon Firefox - Never Internet Explorer
Note: if you see ads on this site, they are placed by WordPress, not me.