First you will need to create a new story!

Then you can have the fun of designing and writing your story by adding Text and/or Image elements!

HOW TO ADD or EDIT A TEXT ELEMENT:

1. While visiting your Gallery's Home page, select Manage Your Stories (via the Host Tools button or menu link.)

2. The list of your current Gallery Stories will be displayed.

3. SELECT A CURRENT STORY. Click on the specific Story which you wish to update.

4. EDIT THE STORY. Click on the Edit this Story button.

5. DO YOU WANT TO ADD A TEXT ELEMENT?

If so, click on the Add Text Element button.

An ACTIVE Text Element box will be added to the bottom of your Story area.

NOTE: Only one story element can be ACTIVE at a time.

The ACTIVE Element will be BORDERED BY RED.

6. DO YOU WANT TO MOVE A TEXT ELEMENT?

If so, click on the text element that you wish to move, in order to make it ACTIVE.

TO MOVE IT UP: click on the Move Element Up button.

Your element will be moved up one position.

Repeat to move your element further up.

TO MOVE IT DOWN: click on the Move Element Down button.

Your element will be moved down one position.

Repeat to move your element further down.

7. DO YOU WANT TO DELETE A TEXT ELEMENT?

If so, click on the text element that you wish to delete in order to make it ACTIVE.

Then click on the Delete Element button.

8. DO YOU WANT TO EDIT A TEXT ELEMENT? (to change what it says)?

If so, click on a text element in your story to make the element ACTIVE.

Then click on the Edit Element button.

9. STORY ELEMENT EDITOR . A special STORY ELEMENT EDITOR page will open.

Use the tools (described below) to write or edit the ACTIVE text element.

10. APPLY EDITS . When you are finished editing the element,

click on the Apply button (to save the changes to your ACTIVE image element).

Then click on the <--- Story Editor button to return to your Story.

11. PREVIEW THIS STORY. When you are totally finished with writing or editing your story, click on the Preview this Story button.

TOOLS FOR WRITING OR EDITING TEXT ELEMENTS:

NOTE: All changes and edits using these tools will "stick" (will be saved)

once you click on the Apply button.

Text box:

Paste or type your text into the box.

Text color:

Use the dropdown to choose from the large selection of text colors!

All text in the ACTIVE text element will be changed to the selected color.

Addition text that you add to the ACTIVE text element will also have the selected color.

Font size:

Use the dropdown to select how small or large your font will be.

Font Weight:

Use the dropdown to select normal or bold text.

Background Color:

Use the dropdown to choose from the large selection of background colors!

Select transparent if you want your text to be displayed against the overall color (black) of the SnapBraggin story area.

Select a color if you want your text to be displayed within a colored box which will have the selected background color.

Content Alignment:

Use the dropdown to choose the alignment for your text element.

Select left if you want your text element to be "left justified", which means that the text

will bump against the left side of the text area.

Select center if you want your text element to be centered within the text area.

Select right if you want your text element to be "right justified", which means that the text

will bump against the right side of the text area.

Width (%):

Width is the width area of your written line of text.

The Width and the right/left Margins work together, and they should add up to 100.

examples:

Text Width 80, right/left Margins 10 each = 100

Text Width 100, right/left Margins 0 each = 100

Margins (%): (four boxes: right/left and top/bottom margins)

Use the right/ left boxes to set the side to side margins.

The Width and the right/left Margins work together, and they should add up to 100.

Use the top/ bottom boxes to set the spacing between other elements.

0 or 1 = single spaced

2 = double spaced

Padding (%):

Padding is useful if your text has a colored background, which means that your text is within a box of color.

Padding will add some space to the right and left and top and bottom of your text, WITHIN the colored box.

NOTE: Padding will also increase the text use.

If you use Padding, then

the Width, PLUS Padding PLUS right/left Margins should add up to 100.

Example:

If you add Padding of 5, that adds 10 overall (5 to right and 5 to left), making the total 110.

You will therefore need to decrease your right/ left margins by 5 each, in order to keep

the total of 100.

Border Style:

Use the dropdown to choose the border style for your text element.

The styles are: None, solid, dotted, dashed.

An outline will be put around your text element.

The outline will be in the chosen border style.

NOTE: If your Border Style is NONE, you will not see a border.

Border Width:

Use the dropdown to choose the width of the border for your text element.

The styles are: thin, medium, thick

The outline around your text element will be given the chosen width.

NOTE: If your Border Style is NONE, you will not see a border.

Border Color:

Use the dropdown to choose the color of the border for your text element.

The outline around your text element will be given the chosen color.

NOTE: If your Border Style is NONE, you will not see a border.

Border Radius (px):

Enter a number into the box.

Use the number to alter the shape of the border for your text element.

This tool will "round" the corners of your element.

The outline around your text element will be given the chosen shape.

examples:

A low number will just slightly curve the corners of the border.

A high number will round the corners of the border.

NOTE: If your Border Style is NONE, you will not see a border.

Display Inline:

You may use Display Inline to position two elements side by side.

Display Inline has a checkbox.

CHECKMARK = YES, if possible, display the element inline.

NO CHECKMARK = NO, do not display the element inline.

Display inline means that, IF there is space in the story area,

the element will shift to be positioned beside (instead of above or below) a neighboring

element.

NOTE: The neighboring element MUST ALSO be checked as Display inline YES.

NOTE: You will need to adjust the Width plus Margins of your

elements (to make them smaller) so that they can fit side by side.

NOTE: As with everything else on the SnapBraggin website, Gallery Stories MUST BE KEPT CLEAN

and MUST FOLLOW SNAPBRAGGIN CONTENT GUIDELINES as outlined in the Terms of Use Agreement.