Posted on February 11, 2009 by John MacMenamin

Hello and welcome to AlteredAdvice,
Today we have a special treat in store: Cute Twitter Social Icons & “Tweet This” Code.

Twitter is fast becoming one of the hottest and most important social networks. This code allows your visitors to tweet about your post which can greatly increase your sites traffic.

Please let me know who created these birds so I can credit him / her.

The Icons

Right click and “Save Image As” to your theme directory in: images/sharing

100px x 48px Twitter Icon

48px x 48px Twitter Icon

The Code

Copy and paste this into notepad to strip it of WordPress formatting or you will get errors.

<a href=”http://twitter.com/home?status=Currently reading <?php the_permalink(); ?>” title=”Click to send this page to Twitter!” target=”_blank”><img src=”<?php bloginfo(‘template_url’); ?>/images/sharing/your-icon-name.png” width=”48″ height=”48″ alt=”Tweet This!” /></a>

You can place this code in your single.php file before this line:
<?php the_content(); ?>

About John MacMenamin

John MacMenamin is the driving force behind alteredadvice.com a WP Development Magazine. If you'd like to keep in touch you can follow Altered on twitter or become a friend on facebook.

View all posts by John MacMenamin → This entry was posted in Resources, Tutorials. Bookmark the permalink.

← DesignShard Review

Websites That Use Color Well →

http://www.logodesignguru.com/case_studies/Logo-design-Case-Studies1.asp Logo Design Guru

They are adorable. That little blue bird has become such a major icon lately.
nishal

great icons, especially the one used in your bookmark bar. btw, is that a widget?
http://www.joespencer.biz/ Joe

These are fun looking twitter icons. Nice work
admin

Nishal,
Great question, I’m writing a post soon about Social Networking and creating complete icon sets soon.

Thanks so much Joe!
michael

Some of those icons were made over at productivedreams. i’m not really sure where the others came from.

http://www.productivedreams.com/its-twitter-time-free-vector-icon-set/
Veronica

still doesn’t work for me (sigh……)
Trying to add to frontpage website and google blogger.
Oh well
admin

Make sure you don’t have slanting ‘ or ” characters that will break the code.
Try pasting the code into notepad to strip it of any styling Word Press adds to it before you paste it.
http://iniwoo.net T-Law

Great icons. Follow me on twitter http://twitter.com/iniwoonet
Pingback: Websites That Use Color Well | Altered Advice
http://led24.de/iconset/ Marcis Gasuns

I guess I’ll mike 10 more twitter icons.
http://www.alkalinewaterdigest.com Bill Wynne

I figuring out how to use Twitter this was really helpful. Thanks for the information.
http://bahasajepangzenbae.blogspot.com/ Zenbae

Does this work for blogspot. I wanna try…
http://www.bildmania.de/index.php/cat/c224_Ihr-Foto-als-Pop-Art.html Pop Art

thank you for your icons. very helpful
http://simplyfearless.com/ Cassandra Rae {Simply Fearless}

Oh these are awesome! Thanks for sharing them so generously.
http://www.it-career-coach.net Kingsley Tagbo

How did you add automatic URL shortening to the permalink?
Pingback: Yuyak Blog - Twitterでつぶやくアイコン
http://Website Joe

I really like the 5th icon from the top, which reads “tweet this”. But, I don’t want to use it, if it was scraped from someone’s site. Anyone know where that icon came from and what its license is?