How to Make a Button on Dev.to
Ryland G

Ryland G @taillogs

About: Head of Product at Temporal. Previously lead architect and low-level systems programmer for scale out SaaS offering. Game engine developer, ML engineering expert. DMs open on Twitter.

Location:
Silicon Valley, CA
Joined:
May 30, 2019

How to Make a Button on Dev.to

Publish Date: Jun 28 '19
57 15

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

Comments 15 total

  • Ben Halpern
    Ben HalpernJun 28, 2019

    I feel like a call-to-action button would make for a pretty useful liquid tag to make stuff like this fairly native.

  • Ryland G
    Ryland GJun 28, 2019

    I write a lot of HTML, so it was just what I naturally chose. That might should work too!

    Edit: Updated the post and credited you. Great suggestion!

  • Ryland G
    Ryland GJun 28, 2019

    Doesn’t shields.io generate normal markdown?

  • Angela Whisnant
    Angela WhisnantJun 28, 2019

    Nice!

  • Markel F.
    Markel F.Jun 28, 2019

    Funny thing, a couple of days ago my friend gave me the button you used as a header image. It was a nice present.

    • Ryland G
      Ryland GJun 29, 2019

      What a coincidence.

      • Markel F.
        Markel F.Jun 29, 2019

        The world is a small place, isn't it?

  • Khan
    KhanJun 29, 2019

    Great work!

  • Debajyati Dey
    Debajyati DeyJun 27, 2025

    Thanks for sharing 🙏☺️

Add comment