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.

About Bearman Cartoons



Previous/Next Posts
«
»

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

Read below or add a comment...

  1. I tried. Mine didn’t work πŸ™

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

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

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

  4. alexcrockett says:

    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

  5. Doug C. says:

    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 πŸ™‚

  6. Soumitra says:

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

    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

Trackbacks

  1. […] 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 […]





Previous/Next Posts
«
»