Floating Social Media Links

Make sure you're running WordPress 3.5 or later. This is now required. Next, make sure your browser has JavaScript enabled (it should). If it still isn't working, another plugin is probably outputing bad code onto my settings page. Try systematically disabling your plugins until the violator is found.

First, make sure that the first general option is set to show the frame on every page, or that you have placed the necessary code in the correct template files if you are showing it on customized pages. Then make sure that your browser window is larger than the value for minimum size to display the frame, and try changing that value (make it smaller). Then, check your theme's header.php and footer.php files for the necessary action hooks (more instructions on the general options settings page). Check your vertical position setting AND UNITS in the appearance settings tab (15px is much different from 15in) - it's possible that your frame is too far down the page to see. If the problems persist, try using a bigger number for the custom layering/z-index (in appearance). If all else fails, try the support forums and someone with html knowledge should be able to find the problem.

You can make the frame transparent by selecting custom theme, a custom colorscheme, and typing "transparent" in the color code field for background color.

Native support for a wider array of social media sites is coming, but in the meantime, you can include links to them with fsml custom links. You can upload your own icons, or use those already packaged with the plugin for Pintrest, Linkedin, and Google+. The image urls are similar to those for the facebook, twitter, and youtube icons, in the plugin's img folder.

To use the option to display the frame on customized pages, instead of on every page on your site, you need to be comfortable with editing you're theme's template files (html/php). If you are, siply copy this code: <?php floating_social_media_links() ?> and paste it into each template file that is used for the pages that you want (for example, index.php for the main blog page, page.php for the default page template, search.php for the search results page, archives.php for archive pages, etc.). See wordpress' documentation on theme files. Once you find the template files that correspond to the pages you want the frame to appear on, paste the code into the file immediately before the line that says <?php get_footer() ?>. To include dynamic php-generated links, call the floating_social_media_links() function with up to three parameters. Each parameter will override the custom link 1-3 url options, although you still need to set the icon image, link title, and click the show link checkbox in the settings page. If you only want one dynamic link but want it after two other custom links, you can call <?php floating_social_media_links(null,null,$dynamic_variable); ?>. The parameters will only replace the links if they are (identified by php as) strings. To debug, use the php function is_string().

It's under settings: Settings -> Floating Social Media Links. And on a side note, the tabs on the settings page are showing different parts of the same page, not refreshing the browser, so you can switch between tabs without needing to save.

I realize that there are countless other social media sites which aren't included in this plugin. In order to avoid an extensively bloated plugin and settings page, I have only included the three most popular sites (Facebook, Twitter, and Youtube - in the US). But... one of the reasons I've included space for up to 7 custom links is so that you may include links to any additional social media sites that you wish to. Additional social media icons are now bundled with the plugin (these all have a unified, flattened design and are both Hi-DPI and highly compressed), and you can link to them in the settings page, or you can find and upload your own icons. Then, enter the entire url (including, for example, http://facebook.com/), and it functions just like any of the built-in links. You can also include action buttons for other sites, as long as they have url-based options (enter the share url as a custom link, then create a share icon and use them in tandem).

Currently, up to seven custom links may be used at a time. I am preparing a massive internal restructuring of this plugin which will remove a variety of current limitations, including allowing infinite links of any time, including built-in support for many more social media sites and additional action buttons.

This allows users to enter their links before the frame is actually show on your site. This option replaces an old option to activate the frame output; which would be redundant as this option does essentially the same thing. I try to minimize the number of useless options so that I can maximize the useful ones without bloating the plugin and making it take more than a couple minutes to set up.

Any custom links that are hidden from your site will also be hidden from your settings page, by default. All of your settings, however, are saved. Simply click "Add Another Custom Link" and your previous settings will be pre-populated in the form. Note: If you have custom url 2 set, but not custom url 1 (for example), the options for custom url 2 will be hidden and url 1 shown on the options page (not on your site). Please use the custom urls sequentially to avoid this scenario. Eventually, I will introduce the ability to reorder the links, but this is at least 6-10 months out.

Simply go to the "action buttons" tab on the settings page and check the boxes for the buttons that you would like to show. Facebook like buttons do have the potential to increase your page load time though. This is an issue with the facebook SDK, not this plugin, and is present regardless of whether you include the facebook like button with this plugin or elsewhere.

Once you click on the "custom" color scheme option, all of the associated settings will appear. In general, options that are dependent on other options are hidden when they aren't available so that you don't need to read and scroll past them (creating a very convinient, user-friendly interface!).