FBar Social Sticky Header Bar WordPress Plugin

Sponsored Links

fbar social wordpress plugin

FBar Social plugin for WordPress is a sticky bar with social links and share button that will magically appears at a specific height determined by you, preferably after the header of your WordPress Theme. With social buttons placed prominently at the top of the viewport, it has the ability to increase social interaction and a search bar located at the right side of the bar has the potential to reduces bounce rate as visitors are more likely to use the search feature. Some of the features:

  • Ability to change the color of the bar.
  • Fixed or Full width.
  • Add more buttons such as StumbleUpon and Digg via the Text Message box.
  • Tiny and lightweight, only 150KB.
  • Clean un-installation, no unwanted data in MySQL Options.

Download

Download the WordPress Sticky Header Plugin from WordPress.org – FBar Social (150kb)

Demo

Full Width Bar (This blog) and Fixed Width Bar @ 960px

Changelog

Version 1.0
Designed and coded from ground up because I could not find a good WordPress plugin that I wanted. Initial trial run on 10 blogs I maintained on different servers and themes, I decided to release it to the general public.

Official release after fixing all the bugs and have it installed on all of my blogs with many enhancements and improvements. This plugin is Free Software, released and licensed under the GPL, version 2

Screen Shots of fbar User Interface

Click on image for a higher resolution.

fbar social screen shot

Gradient Effect

To get that gradient effect black bar like the one found in this blog, go to headercss.php and replace:

#rs-header{
font-family:arial;
font-size:12px;
float:left;
background-color:;
border-bottom:1px solid ;
width: !important;
max-width: !important;
margin-left:auto;
margin-right:auto;
z-index:99999;
height:45px;
-moz-box-shadow:0 0 3px rgba(0,0,0,0.6);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.6);
box-shadow:0 0 3px rgba(0,0,0,0.6);
}

to this:

#rs-header{
font-family:arial;
font-size:12px;
float:left;
background-color:;
border-bottom:1px solid ;
width: !important;
max-width: !important;
margin-left:auto;
margin-right:auto;
z-index:99999;
height:45px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#343434',endColorstr='#1d1d1d');
background:-webkit-gradient(linear,left top,left bottom,from(#343434),to(#1d1d1d));
background:-moz-linear-gradient(top,#343434,#1d1d1d);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.6);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.6);
box-shadow:0 0 3px rgba(0,0,0,0.6);

5 comments on “FBar Social Sticky Header Bar WordPress Plugin

  1. Telis
    Telis January 22, 2014 at 12:08 am - Reply

    Hello.. I would like to know how it would be possible to have the social bar always displayed, regardless of scrolling. For example when I type the url of my site, I want it to be there by default without having to specify pixels from top.

  2. Telis
    Telis January 22, 2014 at 12:11 am - Reply

    Hello. Im using the FBar Social Sticky Header Bar WordPress Plugin and I would like to know how it would be possible to just fix the bar there, at all times. I mean I want it to show up by default when entering the site, without having to scroll down. Is this possible?

    Thank you in advance

    • Geckoandfly
      Geckoandfly January 22, 2014 at 11:43 am - Reply

      Hi Telis, the bar is designed to appear at a specific pixel, to have it show all the time means it will overlap your content. This requires a different code that is not what fbar is designed from ground up.

  3. Emily
    Emily April 2, 2014 at 2:36 am - Reply

    It looks like it’s gone? I don’t see it on this site or on the fixed width demo you link to. I can’t get it to appear on my site, either, which is why I’m visiting here. Maybe the plugin is broken or no longer supported?

    • Geckoandfly
      Geckoandfly April 2, 2014 at 3:50 am - Reply

      Hi Emily, the plugin is no longer supported. Sorry, I lack the knowledge to fix it. I hope someone can solve the problem in the near future.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>