PDF Page Setup

Setting up your Allwebco template PDF links page

Notes: Your template will include a "PDFgallery.htm" or other PDF download page.


1.) Place PDF file(s)
Place your PDF files in the template "PDF" folder. This folder is named all uppercase so make sure when you upload to hosting, the folder name remains all uppercase letters.


2.) Setup the first PDF link
In the "PDFgallery.htm" find this note "PDF 1". Just after this note you will see code like the following for the first link:

<a href="PDF/PDFsample1.pdf"><img src="picts/pdf_icon.gif"></a><br>

If you want to rename your PDF, just edit the "PDFsample1.pdf" with your PDF name in the above code and place your PDF file in the "PDF" folder. In some editors like Frontpage or Dreamweaver, you can optionally right click the PDF image to edit the link.


Link renaming example
In this example we have created a PDF file named "bobs-list-of-IMPORTANT-things.pdf" (no spaces). Edit the PDF name as follows:

<a href="PDF/PDFsample1.pdf"><img src="picts/pdf_icon.gif"></a><br>

Edit the above to the following:

<a href="PDF/bobs-list-of-IMPORTANT-things.pdf"><img src="picts/pdf_icon.gif"></a><br>

Make the PDF link the exact file name letter for letter. Hosting is case sensitive so always double check the link and file name. Do not use an spaces in your file name.


Link editing tip: To be sure you are linking the exact file name: In Windows Explorer find and highlight the file you want to create a link for. For example, say you have a PDF file named "company-info.pdf". Highlight this file, then on your keyboard select the "F2" key. Now hit "copy" on the menu and now hit your ESC key so you don't rename the file. Now you can paste the exact link name into your HTML page or .js file rather than having to re-type the name for the link. On some Microsoft keyboards you will need to click the "F Lock" key first, then use the F2 key. Or you can right click a file to choose rename, then use copy.


Adding another PDF link at the bottom:
Do this edit using a plain text editor like Notepad or TextEdit on Mac, or in your HTML editor in source code view.

1. In the "PDFgallery.htm" page, copy the text code group between the notes: <!-- PDF 6 --> and <!-- END PDF 6 -->
2. Paste the code below itself.
3. Change the start and end notes to PDF 7
4. Edit the link in the new pasted code group with your new PDF file name.
5. You may need to also copy the "page-split" code and paste it between the <!-- END PDF 6 --> and <!-- PDF 7 --> code groups. This will be code similar to the following:
   
   <div class="page-splits splits-xtramargin">&nbsp;<br></div>
   
   Paste it just after the <!-- END PDF 6 -->.

TROUBLESHOOTING:
Links not working: If you changed some PDF file names and links, and they do not seem to work when testing, see links not working after an edit.


Notes: When testing your template on your hard drive with Internet Explorer, the links to ".pdf", and other document types may not work in some cases. This will be resolved once the site is uploaded. Try testing your site in another browser, such as Google Chrome or Firefox, to ensure the links are functioning properly.