Sharing buttons not working properly?


#1

I am trying to add share buttons below every post on homepage but instead of displaying the post share count its displaying the homepage share count? Those share buttons are from add to any and also when we click on share it share the homepage but not the post? Please help how can i make the share button to share the post link instead of homepage link.


#3

your answer is irrelevant to the question.


#4

I am Sorry then i can`t help you because Sharing buttons shares the link in which You are and you are in Homepage. But there are Other ways on which you can add Sharing buttons to Post Henry


#5

@ankit, kindly use this code instead of any other sharing code:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='pbtsharethisbutt'>
<ul class='pbt-social-icons'>
<li class='Share-this-arti'>Share This:&amp;nbsp;&amp;nbsp;</li>
<li class='pbtfacebook'><a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' onclick='window.open(this.href,&quot;sharer&quot;,&quot;toolbar=0,status=0,width=626,height=436&quot;); return false;' rel='nofollow' target='_blank' title='Share this on Facebook'><i class='fa fa-facebook-square'/>&amp;nbsp;Facebook</a></li><li class='pbttwitter'><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url' rel='nofollow' target='_blank' title='Tweet This!'><i class='fa fa-twitter-square'/>&amp;nbsp;Twitter</a></li><li class='pbtgoogle'><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href,   &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);return false;' rel='nofollow' target='_blank' title='Share this on Google+'><i class='fa fa-google-plus-square'/>&amp;nbsp;Google+</a></li><li class='pbtstumbleupon'><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Stumble upon something good? Share it on StumbleUpon'><i class='fa fa-stumbleupon-circle'/>&amp;nbsp;Stumble</a></li><li class='pbtdigg'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Digg this!'><i class='fa fa-digg'/>&amp;nbsp;Digg</a></li>
</ul>
</div>
<div style='clear: both;'/>
</b:if>

CSS:

.pbtsharethisbutt {
    overflow: hidden;
    padding: 10px 0 5px;
    margin: 0;
}

.pbtsharethisbutt ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.pbtsharethisbutt ul li {
    float: left;
    margin: 0;
    padding: 0;
}

.pbtsharethisbutt ul li a {
    padding: 0 10px;
    display: inline-block;
}

.pbtsharethisbutt ul li a:hover {
}

You can customize the CSS and one more thing- don’t forget to install font awesome icons. Good Luck!


#6

Thank you shivansh! Can you provide me link for installing font awesome?


#7

Welcome @ankit :smile:. I have PMed you the details about how to install font awesome in your blog.