Tumblr

Share Buttons for Tumblr

How to add the E-MAILiT Button to your Tumblr site

Instructions

• First get the E-MAILiT Button
  For advanced customization get the button code for any site from the E-MAILiT Button page.


• Log in to your Tumblr site
  Click here.


• Add the script tag
  Go to Custom theme > Edit HTML
  Copy the script tag from the E-MAILiT Button page and place it inside and at the end of your ''head'' tag.


• Add the div tags
  Copy the div tags from the E-MAILiT Button page and place them:
  after {/block:Posts}
  and before {block:Pagination}
  in the code editor.


• Add the post title and URL elements to the button code
  Add
  data-emailit-title='{Title}' data-emailit-url='{Permalink}'
  inside the first div.
  
  The code would look like this:
  
  <div class='e-mailit_toolbox large' data-emailit-title='{Title}' data-emailit-url='{Permalink}'>


• Update Preview & Save
  

Or you can use the default button style here:



The script tag

<script type="text/javascript">var e_mailit_config = {"display_counter":false,"after_share_dialog":true,"mobile_bar":true,"hover_pinit":false,"display_ads":false,"open_on":"onclick","thanks_message":"Thanks for sharing!","follow_services":{}};(function() {var b=document.createElement('script');b.type='text/javascript';b.async=true;b.src='//www.e-mailit.com/widget/menu3x/js/button.js';var c=document.getElementsByTagName('head')[0];c.appendChild(b) })()</script>


The div tags

<div class="e-mailit_toolbox large" data-emailit-title="{Title}" data-emailit-url="{Permalink}"> <div class="e-mailit_btn_EMAILiT"></div> <div class="e-mailit_btn_Facebook"></div> <div class="e-mailit_btn_Twitter"></div> <div class="e-mailit_btn_LinkedIn"></div> <div class="e-mailit_btn_Pinterest"></div> <div class="e-mailit_btn_WhatsApp"></div> </div>