MyBB Community Forums

Full Version: Help with "Add This" sharing buttons.
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I tried editing my addthis share buttons but I am having problems.

The only share buttons I need are twitter and pinterest. When I deleted the addthis button on the far right my Pinterest buttons stops working. It's still there but doesn't work.

You guys can try it here:

http://carfanaticsforum.com/thread-20337.html

Here's the original code:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50078b362817cca5"></script>
<!-- AddThis Button END -->

My edited version:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50078b362817cca5"></script>
<!-- AddThis Button END -->

I can pay $5 to whoever helps me out. I also want the Pinterest button to have a counter like the twitter one.
You can use the following code instead:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like hidden" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style hidden"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50078b362817cca5"></script>
<!-- AddThis Button END -->

For the second option, you have to join Pinterest's developer team for some modifications or pay some advanced Pinterest developer to do that for you.
No workie.

[attachment=28830]
I works for me when you click the "Pin It!"

http://speedcap.net/sharing/files/ee/c1/...c47fad.png
It works but you can still see half of the add this button.
Well, try this instead of the fourth <a> element.
<a class="addthis_counter hidden addthis_pill_style"></a>
Still doesn't work.

Disregards this, I went with different social share buttons.

Thanks anyways.
You are welcome, I saw the Google+ button. Nice work.