I’m having an issue with a custom soundcloud button that I want to add to my addthis follow buttons. Unfortunately, addthis does not natively support soundcloud follow so I am trying to manually insert it into the addthis toolbox.
The problem I am experiencing is that the soundcloud button does not line up correctly at the end of the other follow buttons. The addthis help site says that it should be possible to just add a custom button to their toolbox. The image I am using is the same size as the addthis auto-generated buttons. Any help would be greatly appreciated.
Here is what it looks like:
https://i.stack.imgur.com/2ZCXj.jpg
Here is my code:
<div id="right-side-social">
<h3 style="padding: 10px 0px 10px 3px;">Follow Us!</h3>
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="xxxx"></a>
<a class="addthis_button_twitter_follow" addthis:userid="xxxx"></a>
<a class="addthis_button_youtube_follow" addthis:userid="xxxx"></a>
<a href="http://soundcloud.com/xxxx"><img border="0" src="http://www.xxxx.com/images/indexpics/soundcloud.jpg" alt="follow xxxx on soundcloud" width="32" height="32"></a>
</div>
<script type="text/javascript"src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xxxx"></script>
</div>
If the Soundcloud button isn’t aligning correctly, you can apply an inline style to move it up and to the left, so something like:
You will need to play with the margin-top and margin-left numbers to get them to align correctly.