Tweet This - Text Link for Blogger

The Official Twitter Tweet Button has 3 default styles(2 of them with a counter and one without) . The Button works with JavaScript and is not fully Customizable.This post is for all those who want to customize, the tweet button and change it into a simple Text link. The output will be a simple HTML link with all the features if the Tweet Button(excluding the count)

How to add the Tweet This Text Link to Blogger?

1. Login to your Blogger Dashboard and Navigate to Design > Edit HTML
2. Click on the Check box which says “Expand Widget Templates”
3. Now Look for

<data:post.body/>

and immediately after that line paste the following code(Edit the code if needed)

<a expr:href='&quot;http://twitter.com/share?text=&quot; +data:post.title+ &quot;&amp;url=&quot; + data:post.canonicalUrl + &quot;&amp;via=twitter&amp;related=bloggerplugins:Widgets and Tutorials for Blogger&quot;' style='float: left; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO2iBJgNUDKtjvqbAw2uzyFwKoYLchX8qfSQvMTKLqj4SlZRr8-WvkN6tNN16FR_R0Ht2ZRfRiDS-dE5huruJWXjAs_qwIxwBG55jIz67ZdGWDJSwvdRg92tINSiHAEHBSlzmbGQq2YA/[3].png) left no-repeat; padding-left: 20px;' title='Share on Twitter' rel='nofollow' target='_blank' >Tweet This</a>

Save the Template and you should see a Tweet This link below each of your posts like this

Tweet This

Optional Edits

1. You can edit via=twitter with your twitter user name. So if your twitter username is john, then change via=twitter to via=john

2. You can also edit related=bloggerplugins:Widgets and Tutorials for Blogger .You can replace bloggerplugins with a twitter handle that you would like to recommend. You can replace Widgets and Tutorials for Blogger with a description of the recommended account

3. You can also edit Tweet This with the text you want  to see on the link

Source: http://www.bloggerplugins.org/2010/08/tweet-this-text-link-for-blogger.html

How to Add Tweet Box to Blogger

It has been a long time since @Twitter released the @AnyWhere Developer Tool. AnyWhere allows you to seamlessly integrate Twitter into your site using a few lines of JavaScript. You can read more about it at  @AnyWhere Developer Page. Tweet Box is one such @AnyWhere Application, which allows you to add a 140 char Tweet Box onto your blog.

Here is a screen shot of how the Tweet box appear on my Previous Post.

Hope that now you got a good idea of how this works, If not scroll down to the bottom of the post and see it in live action :)

How to add the Tweet Box on a Blogger Blog?

1. Go to the @AnyWhere Developers Page and create an Application there with your blog details.

Make Sure that you have checked the Read & Write Option when you Register your Application

2.When you complete the signup process, you will get some JavaScript codes, with a unique  API Key

Copy out the JavaScript from there(the code in the red box) as shown in this Screenshot.

3.Now Login to your Blogger Dashboard and navigate to the Edit HTML Tab under Design and “Expand your Widget Templates”

4.Look for

</head>

and paste the copied Twitter JavaScript just above that line and save the template.

5.Now look for

<data:post.body/>

and immediately below that paste the following JavaScript Code and save your template. (Editable parts are shown in red)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='bp_tweetBox'/>
<script type='text/javascript'>
bp_tweet_link=&quot;<data:post.url/>&quot;;
twttr.anywhere(function (T) {
T(&quot;#bp_tweetBox&quot;).tweetBox({
width: 560,
label: &quot;Share the L&#10084;ve  &amp; Retweet&quot;,
defaultContent: &quot;RT @bloggerplugins <data:post.title/>&quot;+&quot; &quot;+bp_tweet_link
});
});
</script>
</b:if>

Now you should see the Tweet Box on all of your post pages

Currently, this doesn’t do any URL shortening . You can expect that it my next post. I will  also try to post about the other @AnyWhere features soon :)

Share your opinions and if you have any questions about the tweet button, feel free to ask :)

Source: http://www.bloggerplugins.org/2010/08/add-tweet-box-to-blogger.html