Editing How to Add a Twitter Tab on Tumblr



To add a Twitter tab on Tumblr, follow these steps:

1. Go to your Tumblr Dashboard and click on the account icon on the top right corner.

2. Select "Edit Appearance" from the drop-down menu.

3. In the "Edit Theme" section, click on "Edit HTML."

4. Find the `<head>` section in the HTML code and paste the following code after it:

   ```
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
   <script type="text/javascript">
     $(document).ready(function() {
       $('#twitter_tab').load('http://twitter.com/statuses/user_timeline/YOUR_TWITTER_USERNAME.json?callback=twitterCallback2');
     });
     function twitterCallback2(obj) {
       var statusHTML = [];
       for (var i=0; i<obj.length; i++){
         var username = obj[i].user.screen_name;
         var status = obj[i].text;
         var created_at = obj[i].created_at;
         statusHTML.push('<div class="tweet"><p class="tweet_text">'+status+'</p><p class="tweet_time">'+created_at+'</p></div>');
       }
       $('#twitter_tab').html(statusHTML.join(''));
     }
   </script>
   ```

   Replace "YOUR_TWITTER_USERNAME" with your actual Twitter username.

5. Find the `<body>` section in the HTML code and add the following code where you want the Twitter tab to appear:

   ```
   <div id="twitter_tab"></div>
   ```

6. Save the changes to your Tumblr theme.

Now you should see a Twitter tab on your Tumblr page that displays your most recent tweets.