Christa needed some help with her social sharing plugin. Christa’s question was how to set the floating share button outside of the content area.
As always, I’m more than happy to help anyone as much as I can. I thought this specific question deserved it’s very own post since I know first hand how difficult it was to figure this out.
I’ve also been getting a ton of questions about it since I wrote about the things you should never do to a new blog.
I tried all the plugins out there. From Sharebar, to Digg Digg, and others not worth mentioning.
The best one I found that worked for me was TF Social Share plugin. This one is both easy to navigate and non techie like all the others.
Before I get into the actual tutorial on how to set up TF Social Share, let me show you why I prefer TFSS over the other two major social sharing plugins.
One of my biggest pet peeves are shit that simply just doesn’t work. As soon as I installed Sharebar, I noticed the template was all screwed up. Buttons on top of each other. Just a complete mess.
I searched for hours on how to fixed this. Turns out I had to go into the editor and edit the CSS Styles something or whatever the hell it is. A long time ago I tried to edit something that had to do with css styles, and it cost me over $1k to get it fixed. Never again. I quickly deleted it.
So on to the next one.
The Digg Digg plugin was a bit better. In fact I currently use it on my JKDC blog. Pretty easy to navigate. It’s got the checker boxes I like. You can set which social icons to show first, second, and so on. some pretty cool features.
The only thing I didn’t like was the techie part. To configure the floating bar I still had to mess with coding. As you can tell by now I really hate messing with this.
At least Digg Digg has it right in the actual settings so you don’t have to go in the files and find it.
TF Social Share
Finally one worthy of recommending. TF Social Share (TF is short for – Twitter Facebook), is by far the easiest to use. Has the checker boxes I like, scroll down options, basically fill in the blanks. My kinda tool, lol.
Doesn’t have all the other social sharing sites like the other plugs, but it has what I need. Which is Facebook, Twitter, and Google plus. All the top ones being used right now. What more can you ask for right ;-)
So with that said, let the tutorials begin.
This following tutorial will be on how to adjust to floating social sharing bar to float outside of the content area. I’ll also show you my exact settings and some of the other cool things you can do with it.
How to Adjust the Floating Social Sharebar
Really simple and easy to do with TFSS. The first thing you do is activate the left floating. Click save. Then go to any of your articles and see how it looks like.
If you don’t like it or it looks offset, simple go to the “Left Side Floating Specifics Option” and adjust the “Left Side Spacing”. You do this by increasing or decreasing the number.
EX: change it from 85px to 90px or from 85px to 80px. Click save. Go to your article and click refresh. If it’s still offset, then simply go back and either increase or decrease the numbers until you reach the desired look.
Other Cool Features
One of the cool features I love about TFSS is how easily you can set and configure the position of the Social sharing bar. You can have it floating on the left side or you can have it above and/or below the post content.
Every now and then I split test and change the position.
When I use the above or below feature, I usually do both above and below for the simple fact that I always want the option above and below the fold.
I like mine without it. Looks better in my opinion.
Here’s an image of the exact settings I have for my blog. You’re more than welcome to use them for yours.
And there you have it. The end of another great post ;-) Hope you enjoyed this one and found it very useful.
Show me some love ;-)
I usually ask ya to post a comment below. I still would appreciate one though, but this time I’d like to ask you for a favor. and that is if you found this post helpful, would be so kind to like this post and share it on whatever platform you choose. Help spread the word ;-) Thanks in advance.