How to Add a Twitter Widget to Tumblr
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 customizing 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.
Other People Are Reading
Instructions
-
Get Twitter Widget Code
-
1
Log in to your Twitter account, and navigate to the Twitter Widgets page.
-
2
Click "My Website" from the left menu, then click "Profile Widget."
-
-
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
Click the "Finish and Grab Code" button.
-
5
Click inside the code text box. Twitter will automatically highlight the code for you.
-
6
Right-click and select "Copy" from the menu.
Add Widget to Tumblr
-
7
Log in to your Tumblr account, and click "Customize" from the right menu. This will take you to your Tumblr blog in customization mode.
-
8
Click "Theme" from the top menu, then click "Use Custom HTML." A text box with the theme code will appear.
-
9
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.
-
10
Right-click under the sidebar tag and select "Paste" from the menu to place the Twitter Widget code in the Tumblr theme.
-
11
Click "Update Preview" to see the changes to your theme without making them permanent. This allows you to make tweaks to the layout.
-
12
Click "Save + Close" to save the changes. When you view your Tumblr blog, you will now see the Twitter widget in the sidebar.
-
1
Tips & 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.
