Tipsy Social Icons is a WordPress widget that makes it easy to display a variety of popular social icons along with a Facebook-style tooltips. The widget ships with a couple of options for icon sizes and for visual effects.
Check it out…
Once installed, the widget will be available in the WordPress administration area. The admin panel for the plugin features 14 icons and two options:
For each icon, specify the URL to your profile and it will be visible on your site. If you leave a field blank, then it will not show up.
If you opt to display large icons, then the plugin will use 32×32 images (the default being 16×16). Checking the option to enable hover effects will decrease the opacity of the icon when the mouse passes over it giving it a nice visual effect.
You can customize the layout of the images by modifying the styles – they are located in the plugin’s CSS directory.
Tipsy Social Icons is configurable via CSS and is fully localized. You can check out the README and download the plugin at the WordPress repository.
Icons provided by Komodo Media’s Social Icon Pack and Jason Frame’s jQuery Tipsy plugin for effects.
epic!!
Thanks Tom!
Sure thing, Ed!
Excellent widget, Tom. I wondered how I could edit the hover text as I’ve only limited knowledge of editing or is it locked in?
Hey Alan – the hover text is actually locked in programmatically based on the name of the file; otherwise, I’d offer up how to change. Unfortunately, if you rename the file then it basically throws everything else off
.
Appreciate you getting back to me Tom, thanks. The plug in is superb as is, it was just me trying to tinker with functions.
It looks like there is an extra or something in the code. When I try to plug it in as a widget on my side bar, the icons float outside of it. Please take a look and let me know.
Thanks!
From what you’ve described, this is likely a problem with a stylesheet on your site. I’ll definitely take a look, though – add the widget to your site and shoot me a link!
Its on there now: http://www.thekamikazechef.com.
Hey Colleen,
I’ve got a fix for you – it’ll require a small change in CSS. That doesn’t always come through well on the browser, so I’ll shoot it to you in an email.
Be on the look out and let me know if you have any issues,
Tom
That worked! Thank you so much.