Social media buttons for sharing posts from Tumblr

social_bar_tumblr.html

<!-- Put this css code after <style type="text/css"> -->
.socialbar {text-align: center;}
.socialbar a{text-decoration: none; border: none;}

<!-- ... -->

<!-- Place the next code before the {/block:Posts} tag.
    Replace icons source "src" with yours
-->
                <div class="socialbar">
                {block:PermalinkPage}
                            {block:PermalinkPagination}
                                <a target="_new" href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}"><img style="border: 0pt none;" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_color-48.png" width="45" height="45" /></a>
                        
                                <a target="_new" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}">
<img style="border: 0pt none;" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_color-48.png" width="45" height="45" /></a>

                                <a target="_new" href="https://plus.google.com/share?url={Permalink}"><img style="border: 0pt none;" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/google_circle_color-48.png" width="45" height="45" /></a>
                                
                                <a target="_new" href="https://www.linkedin.com/shareArticle?mini=true&url={Permalink}&title={block:Title}{Title}{/block:Title}"><img style="border: 0pt none;" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/linkedin_circle_color-48.png" width="45" height="45" /></a>

                            {/block:PermalinkPagination}
                        {/block:PermalinkPage}
                </div>