Image TweetMeme Button for Blogger

The Retweet button is for website and blog publishers that want to encourage their audience to retweet their content on twitter.

This button is really smart with one simple piece of JavaScript. It will give you up to date tweet counts and shorten your title and link for the retweets. Best of all it will work on any web page, anywhere!

Copy and paste the following code where you want the widget to be displayed.

<script type="text/javascript">tweetmeme_url = '<data:post.url/>';</script><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Compact Version

A compact version of the tweetmeme button, with the same options as the larger button is also available.

Copy and paste the following code to use the compact version.

<script type="text/javascript">tweetmeme_url = '<data:post.url/>'; tweetmeme_style = 'compact';</script><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Image TwitThis Button for Blogger

TwitThis is an easy way for people to send Twitter messages about your blog post or website. When visitors to your website click on the TwitThis button or link, it takes the URL of the webpage and creates a shorter URL using our own URL shortener! Then visitors can send this shortened URL and a description of the web page to all of their friends on Twitter.

Login to Blogger. Go to Layout > EditHTML. Check Expand Widget Templates.

Copy and paste the following code where you want the widget to be displayed.

<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&amp;title=" + data:post.title'>Twit This!</a>

CSS

If you like the TwitThis link () used in this blog, add this class in your CSS and use it with the above code.

.share-tweet {

background:url(http://bit.ly/PNzhb) 10px top no-repeat;
margin-left:10px;
padding-left:42px; 
font-size:11px;
line-height:18px;

}