how to put a issuu display in wordpress?

2
Inserting Issuu docs in Wordpress The code Issuu provides isn’t directly allowed in wp.com blogs, for security reasons. But Issuu docs are flash, so they can be inserted via the gigya shortcode (see here for details). The shortcode can be pasted into the HTML post or page editor, or in a text widget for your sidebar. Click the “Get Embed Code” button on the Issuu page, change options if you wish or if necessary (check my posts on maximum main column width and sidebar width ). Copy the Embed code and paste it into a simple text edit file. The code will look like this: <div><object style="width:420px;height:291px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuVie wer.swf?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv %2Flight %2Flayout.xml&amp;showFlipBtn=true&amp;documentId=110112222457- cb9ed073cfab4e07872b9179091ebf5e&amp;docName=p365&amp;username=mos abua&amp;loadingInfoText=Project365%3A2010%20-%20one%20photo%20the %20day&amp;et=1295343126562&amp;er=88" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewe r.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:420px;height:291px" flashvars="mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv %2Fcolor %2Flayout.xml&amp;backgroundColor=330018&amp;showFlipBtn=true&amp; documentId=110112222457- cb9ed073cfab4e07872b9179091ebf5e&amp;docName=p365&amp;username=mos abua&amp;loadingInfoText=Project365%3A2010%20-%20one%20photo%20the %20day&amp;et=1295344207318&amp;er=26" /></object><div style="width:420px;text-align:left;"><a href="http://issuu.com/mosabua/docs/p365?

Upload: ciudad-bolivar-consejo-de-juventud

Post on 23-Mar-2016

224 views

Category:

Documents


1 download

DESCRIPTION

introducing an issuu display in wordpress with html code

TRANSCRIPT

Page 1: how to put a issuu display in wordpress?

Inserting Issuu docs in Wordpress

The code Issuu provides isn’t directly allowed in wp.com blogs, for security reasons. But Issuu docs are flash, so they can be inserted via the gigya shortcode (see here for details). The shortcode can be pasted into the HTML post or page editor, or in a text widget for your sidebar.

Click the “Get Embed Code” button on the Issuu page, change options if you wish or if necessary (check my posts on maximum main column width and sidebar width). Copy the Embed code and paste it into a simple text edit file. The code will look like this:

<div><object style="width:420px;height:291px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=110112222457-cb9ed073cfab4e07872b9179091ebf5e&amp;docName=p365&amp;username=mosabua&amp;loadingInfoText=Project365%3A2010%20-%20one%20photo%20the%20day&amp;et=1295343126562&amp;er=88" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:420px;height:291px" flashvars="mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&amp;backgroundColor=330018&amp;showFlipBtn=true&amp;documentId=110112222457-cb9ed073cfab4e07872b9179091ebf5e&amp;docName=p365&amp;username=mosabua&amp;loadingInfoText=Project365%3A2010%20-%20one%20photo%20the%20day&amp;et=1295344207318&amp;er=26" /></object><div style="width:420px;text-align:left;"><a href="http://issuu.com/mosabua/docs/p365?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true" target="_blank">Open publication</a> – Free <a href="http://issuu.com" target="_blank">publishing</a> – <a href="http://issuu.com/search?q=365" target="_blank">More 365</a></div></div>

Copy the sections I have highlighted in bright red and turn them into a working shortcode this way (dimensions can be changed):

[gigya RED SECTIONS HERE width="420" height="291" ]

From: http://wpbtips.wordpress.com/2011/01/18/inserting-issuu-docs/

Visit: http://cljciudadbolivar.wordpress.com/

Page 2: how to put a issuu display in wordpress?