How to make a Tweet This Blog link using an Image

So some of you have been wondering how I was able to make an image link on my blog that allows my readers to click on it and it automatically creates a completed Tweet in Twitter account.

For example if you click this image:

Tweet This Blog Post!

It should open up Twitter in a new window with a Tweet about the post already completed. It looks something like this:

Bearman Example Post on Twitter

Now I looked around on the web for something that would do this more automatically but either, you had to to download something, they were too confusing, or they just didn’t work when your blog is hosted on WordPress.com like mine is.

[sourcecode language=’html’]


Tweet This Blog Post!

[/sourcecode]

So once you have copied the above in the bottom of your post there are three things to change:

1. Change @BearmanCartoons to @whatever your twitter name is
2. Change “Creating a Tweet This Blog Link” to the title of your blog post
3. Change the URL link to your specific post from mine of “http://bearmancartoons.wordpress.com/2009/05/06/tweet-this-image/” If you are using wordpress.com there is a permalink url right below the blog title entry box.

Don’t change the last URL which links to the image (I have changed the wrong one before) unless you are using your own image. And depending on the length of your URL, you may need to use a site like http://www.tinyurl.com to make it a workable link with fewer characters.

Let me know if something isn’t clear in the instructions or if you have trouble with any of the links.  Would love to know if you find it useful too.

Follow me via TWITTER updates.

Comments

13 responses to “How to make a Tweet This Blog link using an Image”

  1. clairecollins Avatar

    I tried. Mine didn’t work 🙁

    1. bearmancartoons Avatar

      Couple things to check.

      First, make sure that your are on the HTML input tab not the visual tab before you paste it into your post and then make changes. Always work with this in the HTML tab of wordpress.
      Second, I have noticed that as the reader clicking on the link, if I am not logged into Twitter already with my username and password, that it doesn’t work.

      If those two things don’t work, email me your changed html at my yahoo email address (shown on the header) and I’ll see what I can do.

  2. Derek Bowles Avatar

    that’s pretty cool. too bad I don’t twitter or is it tweeting?

    1. bearmancartoons Avatar

      What your in college and you don’t twitter (or tweeting, I don’t know either). I thought all you college kids were into Twitter, Facebook Myspace, Blogging, Texting, Sexting…I ran out.

      Thanks for stopping by.

  3. thedailyuplift Avatar

    Thanks a lot I got it to work. I gave you your a your props too.. Oh no, I think I have been twitting with P. Diddy too much, holla.

    1. bearmancartoons Avatar

      Again…using twitting as a verb just sounds nasty.

  4. alexcrockett Avatar
    alexcrockett

    You are a genius and I love you, you have no idea, thank you. i have been trying for ages to find some basic code I can use on wordpress. wowza Thank you again

    1. bearmancartoons Avatar

      ha ah…no genius. I just had to cull about 4 different sites info before I could figure it out. Glad you found your way here.

  5. Doug C. Avatar

    You are a life saver – or time saver, to be more precise. I’ve been searching high and low for a way to add a ‘tweetme’ type function to just a simple text link. A thousand thank yous 🙂

    1. bearmancartoons Avatar

      A thousand your welcomes. Now if only my tweetthis buttons would look as good as some of your designs.

  6. Soumitra Avatar
    Soumitra

    Thanks a lot for the tip …… i have been looking for “Tweet This” for my wordpress.com blog for a long time now …… and thanks to you the search is over !!! 🙂

    Cheers !!!!!

  7. […] Many of you already have seen my Tweet This button to allow readers add any article to Twitter (directions here).  Well my other two favs are Digg and StumbleUpon so I created those as […]

  8. Lindsay Avatar
    Lindsay

    If your “tweet this” link isn’t working, you might need to convert the tweet text into url-safe text before using it: http://quick-encoder.com/url