31 August 2010

Add Tweet Box to Blogger

Tweet Box is AnyWhere Application, which allows you to add a 140 chart Tweet Box onto your blog. This is truly a great tool to add to your Blogger blog and let your visitors to share your posts and links. You'll get more traffic and you will increase the popularity of your blog. Not to mention increasing the income from advertising.

Put this widget to your Blogger blog and expand your blogging network to Twitter to receive more traffic and spread the word about your blog on Twitter!





Here is a screen shot of how the Tweet box appear on your 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.

slika!!!!!!!!!

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 go to the Edit HTML Tab under Design and click “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>


That's it!

Now you should see the Tweet Box on all of your posts!

Currently, this doesn’t do any URL shortening . I hope I'll fugire this out soon and let you know :)

Share your comments and if you have any questions about the tweet button, ask!

:)

0 comments:

Post a Comment