EverWeb Codebox

Embed

ISSUU

This is about embedding items such as digital publications in an EverWeb site. The example here uses ISSUU.

Login to ISSUU, select "My Publications" and click the publication you want to embed.

Click the "Share" button and select "Website or Blog".

Choose the required options and then copy the embed code.

The embed code should look something like this...


<div data-configid="1148459/2740712" style="width: 400px; height: 300px;" class="issuuembed"></div><script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>


Add http: to the URL...


<div data-configid="1148459/2740712" style="width:600px; height:450px;background:#000000;margin:0;padding:0;border:none" class="issuuembed"></div><script type="text/javascript" src="http://e.issuu.com/embed.js" async="true"></script>


NOTE the other changes to the styles in the above code.

The width and height have been increased proportionally to maintain the aspect ration.

A custom background color has been added using a hex color number and some other items to reset the margin, padding and border to zero and none.

Paste this code into an HTML Snippet widget and resize the widget to suit the dimensions for height and width in the code by using the drag handles or the Metrics inspector.