I couldn’t believe there is no liquid tag for Giphy in dev.to. So I thought: “Hmm, maybe the platform is smart enough if I just paste in the HTML embedded tag from Giphy” – but nope. Not working. So, here is how I solved it. First find your gif. I will use the infamous Picard facepalm here.
On that page, click on “copy link”:
Then copy the url from “GIF Link” in the middle:
Last but not least create a new post on dev.to and add:
<img width="100%" style="width:100%" src="https://media.giphy.com/media/TJawtKM6OCKkvwCIqX/giphy.gif">
Don’t forget to replace the url in the src attribute with the url of the gif you chose!
Et voilà, there you have it:
For more dev tips you can follow me here on social media:
Top comments (9)
You can add GIFs the same way as you would add and image:
![Alt text of a GIF](put-link-to-gif-here)
Example using
![alt image](image)
:I tried this while writing a post but it didn't work
Hm, that's interesting. Because the GIF in the initial comment I left was added this way.
![](gif-url)
should work. Just confirmed that it's working on my dev.to blogs, GitHub and other websites that support Markdown format.Ok. I don't know why mine didn't display
Thanks! If the "Copy link" does not appear, just right-click on the image and copy the URL
Thanks!
Thank you for tutorial!
Thanks! It worked :}
Thank you, this worked for me just fine on my first Dev To Post