Twitter makes it really easy to create a follow button for your website. But what if you want to use a custom image instead of their generic version? You could just create an image and link it to your twitter profile, but if you want to create a popup window like the real twitter button then you’ll need to use some code. Here’s it is:
<script src="https://platform.twitter.com/widgets.js"></script><a href="https://twitter.com/intent/follow?screen_name=@USERNAME"><img src="IMAGE URL" /></a>
Just replace @username with your twitter name, and insert the url of the image you want.
If you click the image, it will bring up the twitter popup window (feel free to click “follow”). I used a boring image there, but you can get creative and do whatever you want with it. You can even combine it with the rollover effect:
Or you use some CSS hover effects:
Or you could even use a button class with CSS: