How to Add a Twitter Widget to Tumblr

Written by erin mcmanaway
  • Share
  • Tweet
  • Share
  • Email

Twitter allows you to create a profile widget that display your Twitter posts on other websites, such as your Tumblr blog. You will need to configure your widget and copy the widget HTML code on the Twitter website. You can then add the code to your Tumblr's theme by customising the theme's HTML code. You should have a basic understanding of HTML code and layout before you attempt to edit the Tumblr theme's HTML code.

Skill level:
Easy

Other People Are Reading

Instructions

  1. 1

    Log in to your Twitter account, and navigate to the Twitter Widgets page.

  2. 2

    Click "My Website" from the left menu, then click "Profile Widget."

  3. 3

    Configure your widget by changing the settings for the "Preferences," "Appearance" and "Dimensions." This will be different depending on how you want your Twitter widget to appear.

  4. 4

    Click the "Finish and Grab Code" button.

  5. 5

    Click inside the code text box. Twitter will automatically highlight the code for you.

  6. 6

    Right-click and select "Copy" from the menu.

  1. 1

    Log in to your Tumblr account, and click "Customize" from the right menu. This will take you to your Tumblr blog in customisation mode.

  2. 2

    Click "Theme" from the top menu, then click "Use Custom HTML." A text box with the theme code will appear.

  3. 3

    Locate a tag similar to "<div class="sidebar">" within the HTML code. This indicates that the code below it will display in your theme's sidebar. Different themes may have a different name for this class, but it will usually indicate that it is the sidebar.

  4. 4

    Right-click under the sidebar tag and select "Paste" from the menu to place the Twitter Widget code in the Tumblr theme.

  5. 5

    Click "Update Preview" to see the changes to your theme without making them permanent. This allows you to make tweaks to the layout.

  6. 6

    Click "Save + Close" to save the changes. When you view your Tumblr blog, you will now see the Twitter widget in the sidebar.

Tips and warnings

  • Depending on the content that is currently in your Tumblr sidebar, you may need to experiment with the location of the Twitter widget in relation to other blocks of coding.

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.