HOW TO ADD CUSTOM SHARE BUTTONS IN YOUR BLOG POSTS

Hi guys today i am gonna show you all how to add custom share buttons to your post :-

First of all disable your default share buttons from layouts ----> Edit blog post.

The rest steps are simple just go to edit html in templates (dont forget to backup your data first)

Search for this code:-<div class='post-footer'>

Then below this code paste the html code:-

<div style='text-align: left;'>
<div class='addthis_toolbox'>
<div class='custom_images'><a class='addthis_button_share'><img alt='Share this Post' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqmXdZC3sfL6e9abMM-SOQ2zuBXE1JD_6vyf6W9t7-2QUURSSsQvykMllt53vJcaUOQuZAE1iSeXLO8GVQ78j1JQMTQqOtoDjl2q3-pPiqwj3x7mNx5sLdlrkEJUlA44Nbe3DeuALG4n_8/s1600/Share+this+Post.png'/></a><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook share' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih8ae-ZEnMYmfT7RGdG6aj-2eDFyO2wcLkInWK5db8lypSUU10mNo16CSFaJqvOtl0tM6uuCJcb9iG945RVG82GiIILXkWdRLIIMlTWFD3LsYUJe17K0iGmhIjppMvOqoSKk3vX_Zmlz2w/s1600/Facebook+Button+Share.png'/></a><a class='twitter' expr:href='"https://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter share' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_6lUxPZNbSHYSwJWtFtz8vBT98ak-yj2_5YgSZjF2sEPYaGlFfE1YYjzxNKElXPAPAOiWeSny-7xBeiZ-9443OxUFG5p1IwzU7frkZh_lQm7LnNOuYORl9yQ4r6NrPzXv5dT61nJPlSVq/s1600/Twitter+Button+Share.png'/></a><a class='addthis_button_pinterest_share'><img alt='Pin This' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqD81heo_tjAhEUxnw7vnadw4aVOHfyXFAp9qDb7C_BlqlOvh-ifeeglfHSMI7NpUT-FNVxQA3yif_PwQ9G3SRjhyphenhyphenrojwY98hJk6PF1r4rQit872JrbCb4qWeC_wvmQEG9UqQ6graj9YrP/s1600/Pinterest+Button+Share.png'/></a><a class='addthis_button_email'><img alt='Email This' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQG0LIK33tVXoIGT9yffWp1uVmzQAxHAh0q7lsutbwvmc7xSsd6siPLQwKUC2n-Q3dAvSQ5xWQj41HOAeALAYz7pSJ1ppeJ5wJnf4upJ8L8FtuIibc_gMpBaHu8E2NkDBYjLbNCpTKix9W/s1600/Email+Button+Share.png'/></a>
</div></div></div><script type='text/javascript'>var addthis_config = {"data_track_addressbar":false};</script><script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-511bbe8405a64ebd' type='text/javascript'/>

This is how it will look :-

I personally use this theme but there is one more custom share button which people like most:-

The Vertical Share Buttons

HTML Code :-

<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="left:0px; top:150px;">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
    <a class="a2a_button_pinterest"></a>
    <a class="a2a_dd" href="https://www.addtoany.com/share"></a>
</div>

<script async src="//static.addtoany.com/menu/page.js"></script>