How to Add a Horizontal Floating Social Bar in WordPress

Share this post:

Displaying social media buttons on your site plays a vital role, as it encourages users to share your post on different social networks. There are ton of free and premium plugins available that do exactly that – Digg Digg, Flare, Sharebar, JetPack and Shareaholic.

But there’s one problem with most of these social sharing plugins, they slow down your website and that’s the reason why I always try to avoid using plugins such as Digg Digg and Flare.

Recently, I found a nice social floating plugin named – Floating social bar.

Floating Social Bar

As the name suggests, it is horizontal social floating plugin and by default it comes with 5 major social platforms. You can add share buttons for Twitter, Facebook, Google+, LinkedIn, and Pinterest.

The plugin is lightweight and works well with custom post types. The floating ability allows this eye-catching social media bar to get you maximum shares.

It uses the socialite script to only load social buttons when the user brings their mouse over the button. This way it keeps your site as fast as it would load without any social plugins.

Floating Social bar is created by two prominent community authors, Syed Balkhi and Thomas Griffin.

Installing the Plugin

Step 1: Navigate to Plugins > Add New > search for the plugin or if you’re familiar with installing plugins in WordPress than you might want to download it from the WordPress directory and upload it manually.

floating social bar

Step 2: Upon activation you will notice a new link under “Settings” tab titled “Floating Social Bar”.

The option page gives you the ability to choose which social media buttons you want to add (simply, drag the buttons to “Enabled Social Services” column), add a text before the buttons, check whether you want to make the buttons visible on CPT or simply make it a static social bar.

Floating social bar plugin

You can also disable the bar on individual pages, posts or even custom post types. Just simply hit the checkbox to disable the social bar.

floating bar settings

To see the social bar in action, watch the top social sharing buttons as you scroll down the page.

What do you think about this floating bar plugin? Would love to hear your thoughts in the comments below.

12 comments… add one
  1. Sherryl Perry says

    Thanks so much for this Dev. I would love to get rid of Digg Digg. It doesn’t play well with my version of Thesis. (I can’t display LinkedIn without it getting funky looking. )

    BTW – For some reason, the buttons aren’t floating for me in Chrome (Version 28.0.1500.95 m). It works well in Firefox though.

    • Devesh says

      Glad I could able to help you, Sherryl. I haven’t tested the floating bar on thesis but I’ll make sure to let the plugin author know about this.

      I just tested the plugin on chrome v28 and it seems to be working fine. I guess, it might be conflicting with another jQuery script that either your theme or another plugin uses.

      Thanks for stopping by.

      • Sherryl Perry says

        I checked it again yesterday and it was working fine. Maybe it was a conflict on my side. It’s really great! I tested my load time before and after installing it and it cut .46 seconds off. Plus, it’s cool! Thanks so much. I’ve shared it where I could.

    • Syed Balkhi says

      Sheryl,

      Please send in a bug report, so we can take a look at it. We have tested this on various environments to make sure it works fine.

  2. Arafin Shaon says

    I’ve installed it before reading this post because like you i also follow wpbeginner @Devesh! I got to know about this cool plugin there :)

Leave a Reply