Call: (209) 560-6611

Twitter Button Tumblr

Date: August 7, 2012 Author: ang Category: Social Media Tutorials Tags: , , Comments: 0

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Before you post, please prove you are sentient.

What is 7 times 6?

Before you post, please prove you are sentient.

what is 5 in addition to 2?