Hey Jason, you can use the custom codes in AddThis plugin for this. First you need to get the needed code snippet from https://www.addthis.com/get/sharing
Let’s take this as a sample code.
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></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"></script>
<!-- AddThis Button END -->
You can now paste it in the custom code box in AddThis Share plugin’s settings panel in WordPress admin end. You may need to adjust the position to match your theme. Give a few try with different combination of left:50px;top:50px in the first line of code.
Let me know if you need further assistance.
Hi Srijith. Thank you for your response.
I think I understand what to do, but I’m unable to do it. When I put your sample code in, for instance:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></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"></script>
<!-- AddThis Button END -->
- The style=”left:50px;top:50px;” disappears when I try to save.
- The <script type=”text/javascript” src=”//s7.addthis.com/js/300 disappears when I try to save.
So after I save, this is the resulting code in my WP admin:
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
var addthis_config = {"data_track_addressbar":true};
<!-- AddThis Button END -->
I’m unsure as to what I’m doing wrong, or if I can just hard-code it somewhere in some file, manually. All of my other plugins are working normally. Thanks again for your time, Srijith!
Solved …. just hardcoded the code into the places I wanted it (page.php, single.php, category.php, archive.php, index.php …. just a matter of copy and pasting.
Then, of course, adjusted the css x & y values to fit the placement I wanted.
Hey jason, yes there is an existing issue which strips down the styling components. We have a version in our QA which has the fix for it. So if you can mail me to srijith[AT]addthis.com, I can send it to you so that you can avoid the hard job of editing the plugin files. Or else, you can wait till will officially release the plugin, which is by next week.
