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:
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:
- Upload the button image above to the server where your website is hosted or to a 3d party service as Twitpic.
- Get the URL of the image, that is the link to the image location.
- 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>
- 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>
- 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!











Thanks for sharing the button; I am planning to use it in my site.
Wow, nice job! Would you mind me using that on my blog’s sidebar?
VERY cool!! Thanks for sharing!
thank you all guys!
looks great!
I really like it!
Stefan.
nice…was looking for this. Will be in use on my site in a few moments…thanks
Thanks for the button! Very clean!
Nice one! *thumbs up*
Nice buttons its good to share.
Very cute – nice job!
Hi!
I just loved you button! thank u very much for sharing…
I’m going to use this as well. thanks a lot.
Very nice! I’ll be adding it to my blog soon
Hey, love it. I’m going to use the big one on both my blogs.
Thanks for the button!
-Quang
Thanks for the button! Putting it on my site now!
very nice buttons i will use them on my page
Very nice
Looks like an M&M to me! Have to have it… Thanks!
thx for this wonderfull button
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!
really cool thanks
Thanks so much for sharing.
nice button…thanks
great job. i have used it here
roylloydjones
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
Great icons. That’s great you could make them so fast!
Nice button, using it on my site(s)
Thanks for the button! I’m using it on my site, and am referring people here when asked about it.
Cheers!
Thank you – exactly what I was looking for.
Thanks! I’m glad you liked it
thanks for sharing.
Thanks so much for making this available!
Thanks! The little twitter button is adorable!
Nice one! Can we take it for our application on followmebutton.com ? Thank you.
Hi!
Sure, feel free to use the icon! A link back to my website page would be appreciated!
thanks,
adriano
Very nice job! Well-done!!!
great buttons – thank you!
If you have twitter account and would like to add more followers, you should embed the follow me button to your blog.
Lovely little button – very clean! Do you have Facebook etc too? AX
Button looks great!!
The button is great!
Cool button. Thank you, will use on my site and blog.
You’re welcome Wouter! looks good
decent work. thanks a lot.
a
Thank you for the button!
You’re welcome!
I also did others in case you are interested they are here.
Looks good on your website
I’m using your twitter button here:
http://responsabilidadinternet.wordpress.com/quant-a/
Thanks!
Miquel
de nada!
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!