How to add a Twitter button on Tumblr. Below is a Twitter button code snippet and instruction on how to install it into your Twitter blog.
Twitter button for Tumblr code snippet
HTML | | copy code | | ? |
1 | |
2 | <div style="position: absolute; left: 120px; top: 35px;"><a href="http://2slick.com"><img src="http://i69.photobucket.com/albums/i66/tempjuliet/twitter_icon_tumblr.png" alt="" width="50" height="50" /></a></div> |
3 |
Instructions on how to install the Twitter button on Tumblr
Insert the code snippet above somewhere in the body section of your Tumblr source code. Here's a tutorial on how to edit your Tumblr Source code.
Once you insert the snippet into your blog you'll want to change 'http://2slick.com' to be your Twitter page URL.
Increasing the 'left: 120px;' number value will move your Twitter social icon right while decreasing the value will move it left. Placing a negative number value for 'left: 120px;' will move the Twitter icon even further left.
Increasing the 'top: 35px;' number value will move your Twitter social icon down while decreasing the value will move it up. Placing a negative number value for 'top: 35px;' will move the Twitter icon even further up.
You can increase or decrease the size of the Twitter icon by modifying the 'width="50" height="50"' number values. Setting the height and width number values above 100 will result in a blurry Twitter icon image so don't go past 100x100.