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.
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.
<b:if cond='data:blog.pageType == "item"'> <div id='tweetBox'/> <script type='text/javascript'> tweet_link="<data:post.url/>"; twttr.anywhere(function (T) { T("#tweetBox").tweetBox({ width: 560, label: "Share & Retweet", defaultContent: "Retweet @bambangwi <data:post.title/>"+" "+tweet_link }); }); </script> </b:if>
note: editable parts are
width: 560, label: Share and Retweet, @bambangwi Now you should see the Tweet Box on all of your post pages
Posts
