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:
Latest comments (10)
Thank you!!! I love memes, but GIFs just get the point across better !!!
Thank you, this worked for me just fine on my first Dev To Post
Thank you for tutorial!
Thanks!
You can add GIFs the same way as you would add and image:
Example using
: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.
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! It worked :}