Blogger

Share Buttons for Blogger

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


• Add the script tag
  Go to Template and then click on 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 before the 2nd on search
  <div class='post-footer'> tag in the code editor.


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


• Save the template
  

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" expr:data-emailit-title="data:post.title" expr:data-emailit-url="data:post.url"> <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>