How to centre AddThis AND have external button on same line as AddThis?
Hi,
I've got the default code for five buttons on a row:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fcfdebd21e08090"></script>
<!-- AddThis Button END -->
However I also want a Google "Plus 1" button (which is different to "send to Google Plus", so I've got the Google code:
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="small" annotation="none"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Firstly, I have a big problem trying to centre the AddThis. And when I do get it centred, the Google Plus 1 button refuses to go on the same line next to the AddThis buttons. I just want the Google Plus 1 button to the left of the AddThis buttons. How to do???
TIA