How To Add Giphy Gifs into dev.to posts

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 this one.

Picard Facepalm GIF by MOODMAN - Find & Share on GIPHY

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!

Follow me on social media

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.