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.

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

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

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

Labtu Tech News

Oct 15, 2010

How to Add Tweet Box to Blogger