/ A Project of Mine

Unofficial App.net Buttons

I made a thing!

For those of you who use App.net - you may be familiar with the official App.net follow buttons. They look a little something like this:

Follow me on App.net

Which is generated by a big hunk'o'code like this

<a href='https://alpha.app.net/JohnONolan' class='adn-button' target='_blank' data-type='follow' data-width='295' data-height='20' [email protected]' data-show-username='1' rel='me'>Follow me on App.net</a>
<script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='//d2zh9g63fcvyrq.cloudfront.net/adn.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'adn-button-js'));</script>

They're nice, but for my taste they're overly branded and just don't fit in with the common follow/like/add button design conventions. They look a little odd alongside their Twitter / Facebook / Google Plus counterparts, and they also don't have the key feature which many people like and use: a follow count.

I've been wanting to link to my App.net profile in several instances recently, so I decided to see if I could make something a little bit more suitable to my tastes.

After forking the excellent unofficial Github buttons repository by @mdo. Today I'm pleased to announce my tiny open source project: http://adnbtns.com

Here's one in action:

Which is generated by this little hunk'o'code:

<iframe src="http://adnbtns.com/adn-btn.html?count=true&user=USERNAME" allowtransparency="true" frameborder="0" scrolling="0" width="180" height="20"></iframe>

For those of you who use App.net, I hope you find this useful. I normally don't make stuff like this - so I actually had a lot of fun playing with it!

John O'Nolan

John O'Nolan

Founder at Ghost.org. Writes about open source, startup life, non-profits, and publishing platforms. Travels the world with a bag of kites.

Read More