Sunday, April 18, 2010

How to setup the Twitter Anywhere feature on Blogger?


If you are a @blogger user and want to use the @anywhere feature in your blog, you will find that apparently blogger does not allow insert Javascript code in the header of our templates. So, what can we do? Here is the solution:

Step 1: Register your application on Twitter Developers


After completing the form, you will receive a code that contains an Api Key, from @twitterapi. Copy the Key.

Step 2: Copy the shippet into the head of you Blogger template


Once you have your Api Key, the next step is edit your theme on blogger design panel and insert the following lines of code between the head tags.
1
2
3
4
5
6
7
8
9
10
11

<head>
&lt;script src=&quot;http://platform.twitter.com/anywhere.js?id=YourApiKey&amp;v=1&quot;&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
twttr.anywhere(function(twitter) {
twitter.hovercards();
});
&lt;/script&gt;
</head>

Step 3: Enjoy!

If you have any questions or suggestions please do not doubt to let me know. For more information visit the Twitter Developer Documentation.

2 comments:

  1. Wondering what is @Anywhere?
    http://dev.twitter.com/anywhere

    ReplyDelete
  2. Wondering what is @Anywhere?
    http://dev.twitter.com/anywhere

    ReplyDelete