TypePad

Share Buttons for TypePad

How to add the E-MAILiT Button to your TypePad 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 TypePad site
  Click here.


• Add the script tag
  Go to Quickstart > weblogs > Design tab > Saved Designs > Advanced Template > Current Design > Main Index Template
  Copy the script tag from the E-MAILiT Button page and place it in the HTML code 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 <$MTentryBody$>
  in the HTML code.


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


• 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="<$MTEntryTitle$>" data-emailit-url="<$MTEntryPermalink$>"> <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>