How To Add a Mashable-Type Social Bar to WordPress

Those of you who have checked Mashable and similar high quality sites in the past have probably seen their floating social button boxes. These boxes follow readers as they scroll down each page. It is so easy for some people to forget about sending you some love on social media sites when they are done with your work. These types of floating boxes can remind your visitors to submit your stories to Facebook, Twitter, and other sites of your choosing.

If you know your CSS and Javascript, you can easily code this functionality into your website. Or you can just use Sharebar for WordPress to get the job done. It is a versatile and easy to use plugin that adds a floating social box to your site and lets you choose which sites you want to show up in it.

Sharebar comes with a bunch of buttons built-in. Digg, Twitter, Facebook, Reddit, and StumbleUpon buttons are already included with this plugin. Their small version works great when your visitors make their browser windows smaller.

Users have the option to change the color and look and feel of their box. They also can define the margins from left and right (as well as the position). Users can also enter their Twitter username on Sharebar Settings page.

Sharebar does not affect the performance of your WordPress website and increases the chances of your site getting some love on Twitter and Facebook. No coding is required. It can save you a lot of time optimizing your site for social media.

You may also be interested in:


, ,

3 Responses to How To Add a Mashable-Type Social Bar to WordPress

  1. Danny September 15 at 11:56 am #

    Hi,
    Do you know any good settings for the sharebar?
    Thanks,
    Danny

    • Cyrus September 15 at 8:55 pm #

      I use Facebook, Twitter, LinkedIn, and G+ as my buttons. I did disable sharebar on pages. I use the default size for the bar (I had to make minor changes to my own CSS when the buttons become horizontal). Which specific setting do you have trouble with if I may ask?

Trackbacks/Pingbacks

  1. How To Add LinkedIn Share Buttons to WordPress | Practical WP - May 8

    [...] add a LinkedIn Button to your website. Till recently, the best way you could do this was by taking advantage of plugins such as Digg Digg or Sharebar. Now you can grab the code that you need to add LinkedIn buttons to your website right from the [...]

Leave a Reply