How to Install ShareThis on Tumblr

Overview

Adding sharing buttons to your Tumblr page easy. Just remember to follow these three simple rules:

  • Sign Up - You'll need to sign up (it's free!) to obtain a publisher key for your button.
  • Get Sharing - Choose a button from our Get Sharing Page to generate your code.
  • Add Your Code - Paste your generated code from the Get Sharing Page to your Tumblr page following the instructions below. Done!

Getting The Code

Once you've signed in, navigate to the Get Sharing Page.

 
 
Select Tumblr, then hit next.
 
 
 
Select the style of buttons
 
 
 
Select which services you would like to include in your widget 
 
 
You're almost done! Now that you have the code, we need to integrate with Tumblr!
 
 

Adding the Code into Tumblr

Click here to login to your Customize Tumblr Page. Once logged on, the customize page will show Browse themes. 

 

Once inside Browse themes, select the theme you wish to install and click 'Use'.

 


Once a theme has been selected, click on 'Edit HTML'.

 

Once inside 'Edit Html' copy 'Section 2' of the code you've received from our 'Get Sharing' page.
 
Section 2 code:
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher:'INSERTYOURPUBLISHERKEY'});</script>

Now go into the 'Edit Html' section and paste 'Section 2' of our code at the very end of the <head>. The easiest way to do this is to do a CTRL + F  (which should let you search the page for text) and do a search for </head>.

 

Now add the code 'Section 1' (the span tags) where you want the buttons to show up on the page.

Section 1 code:

<span st_url='{Permalink}' st_title='{Title}' class='st_sharethis_large' displayText='ShareThis'></span>
<span st_url='{Permalink}' st_title='{Title}' class='st_facebook_large' displayText='Facebook'></span>
<span st_url='{Permalink}' st_title='{Title}' class='st_twitter_large' displayText='Tweet'></span>
<span st_url='{Permalink}' st_title='{Title}' class='st_linkedin_large' displayText='LinkedIn'></span>
<span st_url='{Permalink}' st_title='{Title}' class='st_pinterest_large' displayText='Pinterest'></span>
<span st_url='{Permalink}' st_title='{Title}' class='st_email_large' displayText='Email'></span>

There are two places we suggest you place the buttons:

After {/block:Title} - This will place it right after the post title.

Before {/block:Posts} - This will place at the end of the post.

Save & Close

You are all done. Click on the green Save button on the top right. You should now see the ShareThis buttons on your blog.