Magazine Tutorial

5
To Add Magazines you to do following steps 1. Open http://www.issuu.com website 2. Click on magazine that you want to add on your website. Selected magazine will open up. Then click on embed link to generate a link Suppose you select a magazine Pointed by red arrow Click on “Embed”

description

Demostrate how to add Magazines

Transcript of Magazine Tutorial

Page 1: Magazine Tutorial

To Add Magazines you to do following steps

1. Open http://www.issuu.com website2. Click on magazine that you want to add on your website.

Selected magazine will open up. Then click on embed link to generate a link

Suppose you select a magazine

Pointed by red arrow

Click on “Embed”

Page 2: Magazine Tutorial

After clicking on “Embed” link customization window will open up

Page 3: Magazine Tutorial

Customization options are given below

Misc: Please select “Always show flip buttons” check box

Layout: Please select “Single Page” option

Size: Please select “Custom Size” option and enter the size. In our case width is 123 and height is 149

Color or Theam: Please select “Background color” option and end “FFFBEE” color code in text field

After entering the details you can see preview at the bottom of the page.

Now Copy the embed code . Suppose you copy code given below:

<div><object style="width:123px;height:149px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&amp;viewMode=presentation&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&amp;backgroundColor=FFFBEE&amp;showFlipBtn=true&amp;documentId=100402184511-97a217c20d7446efba6f320fb0470728&amp;docName=2010springmens&amp;username=NYTMagazine&amp;loadingInfoText=T%20Magazine%20Spring%20Men's%202010&amp;et=1287483909183&amp;er=14" /><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:123px;height:149px" flashvars="mode=embed&amp;viewMode=presentation&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&amp;backgroundColor=FFFBEE&amp;showFlipBtn=true&amp;documentId=100402184511-97a217c20d7446efba6f320fb0470728&amp;docName=2010springmens&amp;username=NYTMagazine&amp;loadingInfoText=T%20Magazine%20Spring%20Men's%202010&amp;et=1287483909183&amp;er=14" /></object><div style="width:123px;text-align:left;"><a href="http://issuu.com/NYTMagazine/docs/2010springmens?mode=embed&amp;viewMode=presentation&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&amp;backgroundColor=FFFBEE&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=mens" target="_blank">More mens</a></div></div>

Now Copy the text with <object></object> tag. Here it is highlighted in yellow color.

Login into Get Ahead Admin console

Select Content>Article Manager from the top menu Select Magazine article from article list, Magazine article will open up Now click on HTML button to open code window

Click on HTML

Page 4: Magazine Tutorial

Code window will open up

Place copied embed code between <li>embed code</li> tags . then click on update button

Now click on button to save the changes