How can I add an image gallery to my custom page?

First, add a custom page and make sure the checkbox for “Apply your 'Layout' file to this custom page” is checked.

Give the page the title and URL that you want and switch to the HTML view by clicking </>.

Copy and paste the text below, making sure to replace [image URL] with the correct link to the image you want:

<ul style="list-style:none;">

    <li style="float:left;padding:5px;"> 
        <img style="width:200px;" src="[image URL]"> 
    </li>

    <li style="float:left;padding:5px;"> 
        <img style="width:200px;" src="[image URL]"> 
    </li>

</ul>

Each time you want to add a new image, just copy the section from <li> to </li> and change the URL for each image. Make sure each new section goes before the </ul> tag

    <li style="float:left;padding:5px;"> 
        <img style="width:200px;" src="[image URL]"> 
    </li>

You will have to upload the images to the internet somewhere else (an image hosting site like Flickr or DeviantArt, for example) before you can display them on your page.

You may wish to change the image sizes by changing the pixel number after "width:" or change the space around the images by changing the padding size. The numbers in the code above will work to provide a 3 column series of images which will fit perfectly in the Cooper theme.