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

100px x 48px Twitter Icon

100px x 48px Twitter Icon

48px x 48px Twitter Icon

48px x 48px Twitter Icon

48px x 48px Twitter Icon

48px x 48px Twitter Icon

48px x 48px Twitter Icon

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

17 thoughts on “Cute Twitter Social Icons & “Tweet This” Code

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

    Thanks so much Joe!

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

  3. 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.

  4. 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?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current day month ye@r *

What is 8 + 3 ?
Please leave these two fields as-is:
IMPORTANT! To be able to proceed, you need to solve the following simple math (so we know that you are a human) :-)