GIF How-Tos and Practice Space — The Bump
New to The Bump

GIF How-Tos and Practice Space

edited February 2018 in New to The Bump


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.
or
  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 
    &lt;img alt="" src="https://us.v-cdn.net/5020794/uploads/editor/q1/jjptdlmmwgyo.gif"&gt;
    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: 
    &lt;img alt="" src="https://us.v-cdn.net/5020794/uploads/editor/q1/jjptdlmmwgyo.gif"<b> </b>width="300"&gt;
  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).

Me: 25 | DH: 32
TTC #1: November 2016
IF Dx NIR PCOS: March 2017
BFP: June 2017 | DS: February 2018
knottie9bd6c59c9d0fec3fexpandcontractsuzycupcake

Re: GIF How-Tos and Practice Space

  • luckystar28luckystar28 member
    edited October 2018
    Here I am, trying to relearn how to gif after all these years 😂
    wendyann19
  • @emeraldcity603 This is where I relearned how to gif 😂😂😂😂 Maybe it’ll help you 
  • Loading the player...
  • Omg I think it worked!  Only from my phone though :D So confused why my computer won’t do it....




    wendyann19
Sign In or Register to comment.
Choose Another Board
Search Boards