How to Add a Twitter Tab on Tumblr
Sign in to both your Tumblr and Twitter accounts in separate tabs., Go to the "Tweet Button" code site at Twitter.com., Choose which Twitter button you want on your Tumblr page., Customize your button options., Preview your button options., Copy the...
Step-by-Step Guide
-
Step 1: Sign in to both your Tumblr and Twitter accounts in separate tabs.
You can do this by clicking Resources > Buttons on the Twitter homepage or simply by clicking here. , You can choose from 4 different options.
It is possible to have all 4 buttons on your page, but you must add the buttons separately, as they each require a different code.
Share a link lets users easily send a tweet to their followers with a link to your Tumblr.
Follow lets visitors to your Tumblr page easily follow your Twitter.
Hashtag prompts users to compose a tweet that includes the hashtag of your choosing.
Mention prompts users to tweet at you. , After you choose what type of button you want to embed on your Tumblr, you have a number of different options for customizing your button.
You can change both the appearance of the button and the content of the tweet that will be created when someone clicks on your button. , When you edit the options that change the appearance of your button, the changes will automatically be previewed under "Preview and code".
In order to see the results of your edits to the content options, click on the sample button.
A tweet box will appear showing what users will see when they click your button. , This unique HTML code appears in the box under the sample button and changes every time you edit one of the options.
So copy this only after you are finished customizing. , There is an icon of a wrench next to it.
If you cannot find the button, this is a direct link. , In the sidebar, you will now see the HTML text for your Tumblr page. , This may be several hundred lines down.
You can press Ctrl+f or Cmnd+f to find it quickly. , You must paste the code between "<body>" and "</body>" in order for the button to show up on your page.
If you want the button to appear at the top of your page, paste the code right after "<body>".
If you want it near the bottom, paste the code near the bottom, close to "</body>". ,, This will take you back to the "Theme" sidebar.
Click "Save" and then "Close".
Go to your blog to see your buttons in action. -
Step 2: Go to the "Tweet Button" code site at Twitter.com.
-
Step 3: Choose which Twitter button you want on your Tumblr page.
-
Step 4: Customize your button options.
-
Step 5: Preview your button options.
-
Step 6: Copy the HTML code for your button.
-
Step 7: Click "Customize theme" on your Tumblr page.
-
Step 8: Click "Edit HTML" in the sidebar on the following page.
-
Step 9: Scroll down until you find "<body>".
-
Step 10: Paste the HTML code for your button.
-
Step 11: Press the "Preview" button to see where you have placed the Twitter button/tab.
-
Step 12: After you have inserted any buttons that you want to
-
Step 13: click "Appearance" at the top of the sidebar.
Detailed Guide
You can do this by clicking Resources > Buttons on the Twitter homepage or simply by clicking here. , You can choose from 4 different options.
It is possible to have all 4 buttons on your page, but you must add the buttons separately, as they each require a different code.
Share a link lets users easily send a tweet to their followers with a link to your Tumblr.
Follow lets visitors to your Tumblr page easily follow your Twitter.
Hashtag prompts users to compose a tweet that includes the hashtag of your choosing.
Mention prompts users to tweet at you. , After you choose what type of button you want to embed on your Tumblr, you have a number of different options for customizing your button.
You can change both the appearance of the button and the content of the tweet that will be created when someone clicks on your button. , When you edit the options that change the appearance of your button, the changes will automatically be previewed under "Preview and code".
In order to see the results of your edits to the content options, click on the sample button.
A tweet box will appear showing what users will see when they click your button. , This unique HTML code appears in the box under the sample button and changes every time you edit one of the options.
So copy this only after you are finished customizing. , There is an icon of a wrench next to it.
If you cannot find the button, this is a direct link. , In the sidebar, you will now see the HTML text for your Tumblr page. , This may be several hundred lines down.
You can press Ctrl+f or Cmnd+f to find it quickly. , You must paste the code between "<body>" and "</body>" in order for the button to show up on your page.
If you want the button to appear at the top of your page, paste the code right after "<body>".
If you want it near the bottom, paste the code near the bottom, close to "</body>". ,, This will take you back to the "Theme" sidebar.
Click "Save" and then "Close".
Go to your blog to see your buttons in action.
About the Author
Thomas Ramirez
Professional writer focused on creating easy-to-follow hobbies tutorials.
Rate This Guide
How helpful was this guide? Click to rate: