How to Add a Twitter Tab on Tumblr
Appearance
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('
'+status+'
'+created_at+'
');
}
$('#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:
```
```
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.