How to Add a Twitter Tab on Tumblr - Revision history

Lukegao1: 创建页面，内容为“ 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 `` section in the HTML code and paste the following code after it: ```
2023-03-21T15:41:44Z

创建页面，内容为“ 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> <scr…”

New page

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.