Oct 15, 2010

How to Add Tweet Box to Blogger

The AnyWhere Developer Tool allows you to seamlessly mix Twitter with your web site utilizing a few lines of JavaScript. Tweet Box is one such @AnyWhere Application, which provides for 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.
Tweet Box to Blogger
Now you got a clear idea of how this functions, 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" Choice when you Register your Application

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

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

4.Look for

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

5.Now look for

and immediately below that paste the following JavaScript Code and save your template.

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

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