Cute Twitter Social Icons & "Tweet This" Code

Cute Twitter Social Icons & “Tweet This” Code

February 11th, 09 by John MacMenamin

Cute Twitter Social Icons & “Tweet This” Code

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(); ?>

Author: John MacMenamin

I run alteredstudio.com a small design studio in Port Saint Lucie Florida and this WP Development Magazine . If you'd like to get to know me more you can follow me on twitter or become my friend on facebook.

16 Responses

Logo Design Guru says:

February 12, 2009 at 1:14 pm

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

February 12, 2009 at 2:15 pm

great icons, especially the one used in your bookmark bar. btw, is that a widget?
Joe says:

February 12, 2009 at 3:52 pm

These are fun looking twitter icons. Nice work
admin says:

February 13, 2009 at 1:39 am

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

Thanks so much Joe!
michael says:

March 27, 2009 at 12:52 pm

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 says:

April 3, 2009 at 3:36 pm

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

April 4, 2009 at 1:03 pm

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.
T-Law says:

April 11, 2009 at 10:59 am

Great icons. Follow me on twitter http://twitter.com/iniwoonet
Marcis Gasuns says:

June 24, 2009 at 10:13 pm

I guess I’ll mike 10 more twitter icons.
Bill Wynne says:

October 28, 2009 at 11:17 am

I figuring out how to use Twitter this was really helpful. Thanks for the information.
Zenbae says:

January 8, 2010 at 10:40 am

Does this work for blogspot. I wanna try…
Pop Art says:

January 12, 2010 at 2:43 pm

thank you for your icons. very helpful
Cassandra Rae {Simply Fearless} says:

January 23, 2010 at 11:28 am

Oh these are awesome! Thanks for sharing them so generously.
Kingsley Tagbo says:

February 7, 2010 at 1:04 am

How did you add automatic URL shortening to the permalink?