Twitter button.

Here is a Twitter button that I did with Photoshop CS2 and that you can use on your website or blog to drive users to your Twitter profile!

Twitter is a social networking service, where members can inform each other about “what they are doing” or “what they think“. It’s a little bit like sending sms but in broadcast! It’s possible to send messages via phone, instant messaging or the Twitter website. Other users (twitters? :) ) can receive updates via web, IM, or SMS.

Ok now the buttons. It actually took me 5 or 10 mins only to do them. I created the button from zero using a round shape and playing with the “Blending options” of the “Layer style”. Then I just added the t letter making it similar to the one from the twitter’s logo.

Buttons

Here are the 120×120 and 70×70 pixels versions of the Twitter button with a transparent background that you can place on any background color of your website:

120x120 transparent

120x120 transparent background

70x70 transparent

70x70 transparent background

Buttons are free to grab but please leave some feedback if you are using it! ;)

Instructions

Due to the number of requests received, I’ll also explain here briefly how to use the button on your website:

  1. Upload the button image above to the server where your website is hosted or to a 3d party service as Twitpic.
  2. Get the URL of the image, that is the link to the image location.
  3. If you use Twitpic, after you upload the image you can click on “Put this photo on your website” and you’ll get the following code:
    <a title="Twitter button 120x120 pixels - MilkAddict on Twitpic" href="http://twitpic.com/1ebqu7"><img src="http://twitpic.com/show/thumb/1ebqu7.png" alt="Twitter button 120x120 pixels - MilkAddict on Twitpic" width="150" height="150" /></a>

    You can modify this for use on your website. You need to set the image size to for example 120×120 instead of 150×150 and to change the link of the image to your own twitter account. Here is an example with my Twitter account link:

    <a title="MilkAddict Twitter account" href="http://twitter.com/milkaddict"><img src="http://twitpic.com/show/thumb/1ebqu7.png" alt="Twitter button 120x120 pixels - MilkAddict on Twitpic" width="120" height="120" /></a>
  4. In case you host the image on your own website simply get the link to the location where the image is and add the link to your twitter account. Again it will look like this:
    <a title="MilkAddict Twitter account" href="http://twitter.com/milkaddict"><img src="http://your_website_address.com/images/button.png" alt="Twitter button" /></a>
  5. Include the html code above in the place on your website where you want the button to appear!

Featured on

My button is featured on the following websites:

Do you like this? Check out also my other Social Networking buttons!

DiggFacebookMySpaceTwitterTechnorati FavoritesEvernoteDeliciousShare
Tagged with: appartbadgebuttondesigndownloadguestsiconimageinstagramlinknetworkingphotoshoppngsocialtwittwittervisitorswebsite
 

143 Responses to “Twitter button.”

    Thanks for sharing the button; I am planning to use it in my site.

  1. Wow, nice job! Would you mind me using that on my blog’s sidebar?

  2. VERY cool!! Thanks for sharing!

  3. thank you all guys! :)

  4. looks great!
    I really like it!

    Stefan.

  5. nice…was looking for this. Will be in use on my site in a few moments…thanks :)

  6. Thanks for the button! Very clean!

  7. Nice one! *thumbs up*

  8. Nice buttons its good to share.

  9. Very cute – nice job!

  10. Hi!
    I just loved you button! thank u very much for sharing…

  11. I’m going to use this as well. thanks a lot.

  12. Very nice! I’ll be adding it to my blog soon :)

  13. Hey, love it. I’m going to use the big one on both my blogs.

  14. Thanks for the button!

    -Quang

  15. Thanks for the button! Putting it on my site now!

  16. very nice buttons i will use them on my page

  17. Very nice

  18. Looks like an M&M to me! Have to have it… Thanks!

  19. thx for this wonderfull button

  20. You know what would be really cool… is if you made a series of these. I could use some similar icons for FriendFeed etc. If there was a way to distribute a common background and some overlays, then we could alter colours and stuff to our hearts content :)

    It’s a very cute button to start with tho!

  21. really cool thanks

  22. Thanks so much for sharing.

  23. nice button…thanks

  24. great job. i have used it here

    roylloydjones

  25. Great button. going to shrink it a bit and put it in my user info section and have it link back to users’ profiles on twitter.

    Much appreciated.

    Twaitter.com

  26. Great icons. That’s great you could make them so fast!

  27. Nice button, using it on my site(s)

  28. Thanks for the button! I’m using it on my site, and am referring people here when asked about it.

    Cheers! :)

  29. Thank you – exactly what I was looking for.

  30. Thanks! I’m glad you liked it :)

  31. thanks for sharing.

  32. Thanks so much for making this available!

  33. Thanks! The little twitter button is adorable! ;-)

  34. Nice one! Can we take it for our application on followmebutton.com ? Thank you.

  35. Hi!
    Sure, feel free to use the icon! A link back to my website page would be appreciated!
    thanks,
    adriano

  36. Very nice job! Well-done!!!

  37. great buttons – thank you!

  38. If you have twitter account and would like to add more followers, you should embed the follow me button to your blog.

  39. Lovely little button – very clean! Do you have Facebook etc too? AX

  40. Button looks great!!

  41. The button is great!

  42. Cool button. Thank you, will use on my site and blog.

  43. You’re welcome Wouter! looks good :)

  44. decent work. thanks a lot.
    a

  45. Thank you for the button!

  46. You’re welcome!
    Looks good on your website :) I also did others in case you are interested they are here.

  47. I’m using your twitter button here:
    http://responsabilidadinternet.wordpress.com/quant-a/
    Thanks!

    Miquel

  48. de nada! :)

  49. THANK YOU! I needed something small and just am not a “cartoon bird” sort of person. You can take a look at it here: http://www.liquidwholefood.com Thanks for helping make the web better for us!

Leave a Reply