On the App

GIFs Saved on Phone

1. Place your courser where you'd like the image to appear.
2. Select the "Attach image" button on the toolbar.
3. Select the "Choose Files" button.
4. Select the .gif file saved on your phone.

GIFs Found on Google

1. Locate the gif you'd like to add. A simple Google Image search like "funny cat gif" is enough to find a gif to use.
2. Save the gif to your phone.
3. Follow the directions above.

or

1. Locate the gif you'd like to add.
2. Open the gif in a new tab by long-pressing the gif and selecting "Open image in new tab".
3. Navigate to the tab with the gif.
4. Copy the new tab URL (this URL should end in .gif).
5. Navigate back to The Bump app.
6. Place your courser where you'd like the image to appear.
7. Select the "Attach image" button on the toolbar.
8. Paste the URL in the "Image URL" field.
9. If the gif does not automatically appear, click outside of the box.

On Your Computer

GIFs Saved on Computer

1. Place your courser where you'd like the gif to appear.
   
2. Select the "attach image" button on the toolbar.
3. Select the "Choose Files" button.
4. Select the gif you wish to add and select "Open".

GIFs Found on Google

1. Locate the gif you'd like to add.
2. Save the gif to your computer by right clicking the image and selecting "Save image as..."
3. Follow the directions above.

1. Locate the gif you'd like to add.
2. Open the gif in a new tab by right clicking the gif and selecting "Open image in new tab"
3. Navigate to the new tab with the gif.
4. Copy the new tab URL (this URL should end in .gif)
5. Navigate back to The Bump.
6. Select the "attach image" button on the toolbar.
7. Paste the URL in the "Image URL" field.
8. If the gif does not automatically add, press the Enter key on your keyboard.

Editing GIF Size

If your gif is too large, follow these directions. These directions can also be used to enlarge a gif, but it may affect quality. NOTE: This can only be done on a computer or through a mobile browser, not the app.

1. Add the gif using directions above.
2. Select the "Toggle HTML View" button on the toolbar (appears as </>).
3. Find the gif in the HTML code. This will appear as 
   

   <img alt="" src="https://us.v-cdn.net/5020794/uploads/editor/q1/jjptdlmmwgyo.gif">

   where the gif URL appears as the source (src).
4. Place your courser between the last " and last > and add width="300". In the example above, this would be: 
   

   <img alt="" src="https://us.v-cdn.net/5020794/uploads/editor/q1/jjptdlmmwgyo.gif"<b> </b>width="300">

5. Select the "Toggle HTML View" button on the toolbar.
6. Continue to toggle views and adjust the image width until it appears as desired (this number is usually between 300 and 500 for a comment or post).