SiteReptile Website Builder

Create Photo Album

click add a new pageOpen the editor and from anywhere click Add a New Page.

If you look at my menu system on the left, I'm going to add a page named Gallery

In the interface that opens, Add a page name. This is the page name as you want it to appear on the menu. I'm adding Gallery.

Click on the drop down box arrow for Page Type.

Select Gallery List
Click the blue button to Add.
Enter a page name

Now you get a congratulations screen that says you've added a new page. Notice it appears at the bottom of the menu.

Click the page name beside the green arrow or the page name in the left hand menu.
Congrats. page

Notice the code in the text editor. Below the page name Gallery you see:
{%gallery%}

At present this code will produce a list of galleries that you create. We'll see how to make this the actual gallery of pictures later.
The code in the xt editor


Click Add on ModulesFor now, to build the photo album, click Add-on Modules on the top of the editor.

Choose Gallery


Give the gallery a name. I'll use MyPhotos
Then Click Add new gallery
name the new gallery

If the gallery is created, you'll get the message shown below.

Click << Back to Galleries

Gallery added successfully

Now click Upload New Images

Gallery added successfully

Browse to the images you want to upload

Browse to the images you want to uploadOn the interface that opens, use the Browse buttons to locate the images on your machine that you want to upload.

When you're ready, click Submit

Note: Use the resize for internet option if you've taken your pictures straight out of a digital camera. This will reduce their size so that they don't take aeons to load .

When you click Submit the page you'll get a screen that says Images Uploaded Successfully.

Click the button that says Close window if nothing happens click the Red X.

Click on the name of the gallery and you'll get a screen like the one below..

Note: Don't worry about the quality of the pics shown here. Yours will be much better. I had to take the quality way down so that the screenshot would load faster.

Now add your comments to your pictures.

Browse to the images you want to upload

Notice the code in the upper right corner of this page. If you want the Gallery page to be the actual photo gallery instead of a list, replace the code {%gallery%} (shown in the 4th screenshot) , with this code.

Copy the code


In my case it would be {%gallery_MyPhotos%}
Note: Don't try to do this until after you save your comments. For now just copy and paste it into NotePad or write it down.

Paste the code



When you finish adding your comments, click the blue button on the bottom, Save Comments. Add your comments

Now you can either edit the code and change the Gallery web page as I explained above, or you can Preview your website.

I'll explain some of the other options in later screenshot tutorials.

For now let's go to Editing a Web Page