Imperial Matters Issue 32 Summer 2008

Use a Cover Image

The simplest option is to embed the cover page together with a link directly to the SmartPDF. To do this you will need the following HTML code:

<div id="smartpdf6" class="smartpdf" align="center" style="margin-top:1em;margin-bottom:1em"><a target="smartpdf" href="http://www.smartpdfs.com/view?id=6"><img src="http://www.smartpdfs.com/sites/smartpdfs.com/files/converted/6/output-1_thumb.gif" alt="SmartPDFs.com - Imperial Matters Issue 32 Summer 2008" border="0" /></a><br/><a target="smartpdf" href="http://www.smartpdfs.com/" title="Powered by SmartPDFs.com"><img class="smartpdflogo" src="http://www.smartpdfs.com/viewer/icons/poweredby-t.gif" alt="Powered by SmartTHING.org" /></a><br/><a target="smartpdf" href="http://www.smartpdfs.com/view?id=6"><span id="clickhere" style="position:relative;top:-123px;"><img border="0" src="http://www.smartpdfs.com/viewer/icons/clickhere.png" alt="Click here to view this SmartPDF" title="Click here to view this SmartPDF" /></span></a></div>

This HTML code will result in the below image and link:

An Animation

To embed the below animation which has a link directly to the SmartPDF you will need the following HTML:

<iframe title="SmartPDF" align="middle" style="margin-left:auto;margin-right:auto;display:block;" frameborder="0" scrolling="no" src="http://www.smartpdfs.com/preview?id=6" width="250px" height="250px"><a href="http://www.smartpdfs.com/view?id=6">View the magazine online</a></iframe>

This HTML code will result in the below animation:

A Direct Link

One of the great features of a SmartPDF is that you can create links that start the viewer on a certain page, zoomed in, or with a different level of magnification. To create your own custom link use the below form.

Link directly to page:

Start zoomed in on page:

Zoom level: 100%150%200%

The link:

Copy and paste this link into your website

HTML for the link plus an image of the page:

Copy and paste this HTML into your website

This HTML code will result in the below link and page image:

SmartPDF Mini-viewer

NEW - You can embed a particular page or pair of pages within your site using our SmartPDF mini-viewer. This enables you to pick out particular articles which can be featured and displayed within your site.

Page to display:

Show only one page?

Choose to display a double page spread or only one page (default)

Width:

The width, minimum 400, of the mini viewer in pixels, the height is automatically calculated with a maximum of 600

HTML for the SmartPDF mini-viewer:

Copy and paste this HTML into your website

This HTML code will result in the below SmartPDF mini-viewer - why not try it out now:

SmartPDF Mini-viewer 2

NEW - This more advanced option, although easy to install in most cases, might not work with websites where certain JavaScript libraries are used. The best way to tell is to try it out on your site, problems will be indicated by JavaScript errors occurring. Having said this we are aware that it is compatible with Drupal and Blackbaud's NetCommunity.

Page to display:

Viewer Mode: One/two page viewerShow full SmartPDF viewer

Show only one page?

Option for the one/two page viewer - Choose to display a double page spread or only one page

Width:

The width of the mini viewer in pixels (minimum 750). Leave BOTH height and width blank for automatic sizing to full page width

Height:

The height of the mini viewer in pixels (minimum 500). Leave BOTH height and width blank for automatic sizing to full page height.

HTML for the SmartPDF mini-viewer 2:

Copy and paste this HTML into your website

This HTML code will result in the below SmartPDF mini-viewer 2 - why not try it out now:

Customisations

The following customisations can be applied. The values you select here will immediately update the embedding options on this page. The HTML will also have been updated to reflect your customisations so you can copy it and then use it in your website.

Background-color:

SmartPDFs.com logo: Powered by - TransparentPowered by - BlackPowered by - White