After I shared two posts last week with “tweet it” tips and quotes, readers requested I share how to set that up, so I am. Because I love when you all tell me exactly what to share to help you. It makes blogging so much easier.

So, let’s look at the what, why and how of setting up a “tweet it” page or post.

What Is It?

It’s a page full of short little snippets that can be easily tweeted, setup with a “tweet it!” link for each one, like this:

The link takes the clicker over to twitter where the box is already filled in with the tweet, like this:

Why Do It?

Share Your Knowledge and Create a Cool Resource. 

It’s an easy way to share your tips with your readers and invite them to share the tips with more people.  Sharing your knowledge is a great way to brand yourself as credible about your subject area.

Make Bookmark Bait. 

This is the type of resource you can create as bait to get your readers to bookmark your site and return because it’s useful.

Get Twitter Followers. 

If you add your Twitter ID to them (like I did with @MichelleShaeffr) you can also get more mentions on Twitter, and more followers.

How Can You Make Your Own?

First, write up your tips as you want to share them and make sure they’re all under 140 characters.  If you can keep them shorter, like 120 or less, even better because then they can be retweeted easily.  If you include any links, use a link shortener.

Next, you’ll need to code the “tweet it” links.

When you create these, you’ll need to make sure you’re editing in HTML mode (not the Visual editor that WordPress and other content management systems offer). So flip over to HTML code mode before you build your links.

Here’s an example of the HTML code to use:

<p>Make your blog more awesome. Do it now. http://ow.ly/6Hv61 #blogtip RT @MichelleShaeffr (<a href=”http://twitter.com/home/?status=Make your blog more awesome. Do it now. http://ow.ly/6Hv61 %23blogtip RT @MichelleShaeffer“>Tweet It!</a>)</p>

That’s the whole thing, the “tweet it” link is actually just this part:

<a href=”http://twitter.com/home/?status=Make your blog more awesome. Do it now. http://ow.ly/6Hv61 %23blogtip RT @MichelleShaeffer“>Tweet It!</a>

So to build your own, start with this:

<a href=”http://twitter.com/home/?status=XXXXX”>Tweet It!</a>

And replace the XXXXX with your tweet text.  If you want to include a # (hashtag) then you need to use %23 instead of # to make it work.

For example:

<a href=”http://twitter.com/home/?status=This is my tweet it link.”>Tweet It!</a>

Would create this:

Tweet It!

And when you click it you’d get this:

You can also replace the link text with a cute little “tweet it!” image or bird if you want to.  Just upload your image and use it as the link.  You can find all sorts of cute Twitter birds here: http://www.wpwizz.com/2011/02/100-free-twitter-icons-to-choose-from/ For this tutorial I kept it simple with text.

Be sure to test your tweet it links!

Some Examples

Ezine Articles posts lots of tweetable tips, here’s one of their posts:
http://blog.ezinearticles.com/2011/09/article-writing-tips-to-retweet-august-2011.html

41 Tweetable Tips for Bloggers:
http://michelleshaeffer.com/41-tips-to-tweet-for-bloggers/2011/09/28/

50 Motivational Quotes for Entrepreneurs to Tweet:
http://michelleshaeffer.com/50-tweetable-quotes-for-entrepreneurs-to-share/2011/09/27/

And there you go!

Now you can go make your “tweet it” page and come back here and share it in a comment.