Page 1

8-26-2013 9:14PM BFAR-FIMC

Web Training @ Cebu City August 26-30, 2013

"This publication is intended for testing purpose only, if you can view this publication it means you successfully embedded the document to your web page. CONGRATULATIONS!!!"

The example in this document is based from a "live activity" of issuu workaround.


8-26-2013 9:14PM BFAR-FIMC

How to embed the issuu publication to a website 1. Copy the issuu flash player template from below: (Give importance to the highlighted lines) <object style="width:800px;height:600px;" > <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=N/A&amp; docName=N/A&amp; username=N/A&amp; loadingInfoText=N/A&amp; et=N/A&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/xshockwave-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=N/A&amp; docName=N/A&amp; username=N/A&amp; loadingInfoText=N/A&amp; et=N/A&amp;er=26" /></object>


8-26-2013 9:14PM BFAR-FIMC Notice that the above highlighted lines has "N/A" value, this means that there is no document yet assigned to the issuu flash player.

2. Paste the template codes to your webpage. 3. Login to your account @ issuu.com and select a desired publication. 4. When a publication has been selected, right click to the page and select "view source" or its equivalent

command. 5. Observe the source code that appears.

Example. <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" > <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta charset="utf-8" > <link rel="shortcut icon" href="/favicon.ico"> <title>ISSUU - html5 by juan romo</title> <meta name="description" content="manual de html5"> <meta name="viewport" content="width=device-width,initial-scale=1.0">


8-26-2013 9:14PM BFAR-FIMC

<meta property="fb:app_id" content="123743911011091" > <meta property="og:title" content="html5"> <meta property="og:description" content="manual de html5"> <meta property="og:url" content="http://issuu.com/juanochiro13/docs/pro.html5.programming"> <meta property="og:image" content="http://image.issuu.com/120531213217a114fa17a9dc4121a076ae5383d1d3bc/jpg/page_1_thumb_large.jpg"> <meta property="og:site_name" content="Issuu"> <meta property="og:video" content="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&amp; documentId=120531213217-a114fa17a9dc4121a076ae5383d1d3bc"> <meta property="og:video:secure_url" content="https://securestatic.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&amp; documentId=120531213217-a114fa17a9dc4121a076ae5383d1d3bc"> Take note of the highlighted lines. Each property value shall be used in corresponding field on your issuu flash player template

6. Now, go back to your web page which contains the issuu template and paste the value of each highlighted property to certain field in the issuu template: issuu template documentId docName loadingInfoText et

7.

From viewed source code <meta property="og:video" content="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf? mode=mini&amp; documentId=120531213217-a114fa17a9dc4121a076ae5383d1d3bc"> <meta property="og:title" content="html5"> <meta property="og:description" content="manual de html5"> <meta property="fb:app_id" content="123743911011091" >

The issuu template should now contain the value from the viewed source. The issuu template is now modified and can view the issuu publication.


8-26-2013 9:14PM BFAR-FIMC

<object style="width:800px;height:600px;" > <param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?m ode=embed&amp; layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFli pBtn=true&amp; documentId=120531213217-a114fa17a9dc4121a076ae5383d1d3bc&amp; docName=html5&amp; username=N/A&amp; loadingInfoText=manual de html5&amp; et=123743911011091&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%2Fco lor %2Flayout.xml&amp;backgroundColor=330018&amp;showFlipBtn=true&amp; documentId=120531213217-a114fa17a9dc4121a076ae5383d1d3bc&amp; docName=html5&amp; username=N/A&amp; loadingInfoText=manual de html5&amp; et=123743911011091&amp;er=26" /></object>


8-26-2013 9:14PM BFAR-FIMC

BEFORE

AFTER

Web training  
Read more
Read more
Similar to
Popular now
Just for you