Installing Shareaholic on Tumblr

Follow

The following tutorial will help you install Shareaholic on Tumblr:

If you have not already signed up for Shareaholic, check out the Getting Started with Shareaholic Guide before following the instructions below.

  1. Sign in to your Tumblr Dashboard.

  2. Click Customize in the righthand menu.

  3. Click the Edit HTML in the Custom Theme section of the left menu



  4. Find the following line: </head>

 

  • Place your cursor at the start of this line.
  • Press enter to create a new empty line above.
  • Paste your Setup Code into the empty line.
  • Press the Update Preview button.
  • Press the Save button to apply this code to your site.

Install the apps on posts and pages

All Tumblr themes are structured differently, so use the instructions below as an example guide to help you in understanding how to position apps in a Tumblr theme. Where you ultimately position your apps is dependent upon your personal preferences as well as the layout of your theme.

How to add apps to Text post types

  • Open your theme editor.
  • Find the following line: {body}

Add apps above your content

  • Place your cursor at the start of this line.
  • Press enter to create a new empty line above.
  • Paste your app's HTML code into the empty line.

Add apps below your content

  • Place your cursor at the end of this line.
  • Press enter to create an empty line below.
  • Paste your app's HTML code into the empty line.

 

How to add apps to your Quote, Photo, Link & Video posts 

Add apps above your content:

  • In your Theme Editor, locate the content type you want to add Shareaholic to. For example: {block:Link} or {block:Photo}

  • Find the following line in the desired content type block: <div class="content">
  • Place your cursor at the end of this line.
  • Press enter to create an empty line below.
  • Paste your app's HTML code into the empty line.

To add apps below your content (Quotes)

  • Locate the following code: {/block:Source}
  • Place your cursor at the end of this line.
  • Press enter to create an empty line below.
  • Paste your app's HTML code into the empty line.

To add apps below your content (Photos/Videos)

  • Find the following line in the desired post type block:
  • {/block:Caption}
  • Place your cursor at the end of this line.
  • Press enter to create an empty line below.
  • Paste your app's HTML code into the empty line.

To add apps below your content (Links):

  • Locate the following code: {/block:Description}
  • Place your cursor at the end of this line.
  • Press enter to create an empty line below.
  • Paste your app's HTML code into the empty line.

NOTE: After configuring your theme, make sure to Update and Save to apply these changes to your Tumblr.

 

Was this article helpful?