WordPress.org

Ready to get started?Download WordPress

Forums

Share Buttons by AddThis
Cannot figure out how to make it vertical, floating (5 posts)

4 stars
  1. jasonpaulweber
    Member
    Posted 1 year ago #

    According to the addthis website, they have made the buttons available so they're vertical, floating.

    But it's quite unclear on how one can accomplish this. I'd like to figure it out; this loads faster than Digg Digg or getsocial, or others, but I'm not sure if it's possible.

    Jason

  2. Srijith V
    AddThis Samurai
    Plugin Author

    Posted 1 year ago #

    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.

  3. jasonpaulweber
    Member
    Posted 1 year ago #

    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!

  4. jasonpaulweber
    Member
    Posted 1 year ago #

    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.

  5. Srijith V
    AddThis Samurai
    Plugin Author

    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.