How to Make a Button on Dev.to

taillogs

Ryland G

Posted on June 28, 2019

How to Make a Button on Dev.to

If you've read any of my last few posts you may have noticed that I started including a twitter image at the end. You might not have realized that it was actually a fully functional button.

I hadn't seen anyone do this before. Luckily, Dev.to is open source, so it was easy enough to see that the markdown parser permitted a simple image button. I've included an example below.

<a href="https://twitter.com/<YOUR_TWITTER_HERE>" rel="some text">
![Foo]
(https://thepracticaldev.s3.amazonaws.com/i/gmrz82bjwhej1f1iqb1e.png)</a>
Enter fullscreen mode Exit fullscreen mode

or (as suggested by @artemix)

[![](https://thepracticaldev.s3.amazonaws.com/i/gmrz82bjwhej1f1iqb1e.png)](https://twitter.com/<YOUR_TWITTER_HERE>)
Enter fullscreen mode Exit fullscreen mode

That code (with your own twitter URL added) will display a follow button for your twitter in a post. Example below

💖 💪 🙅 🚩
taillogs
Ryland G

Posted on June 28, 2019

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related