Social Media Bar – Drop Into any website
Have you, as a web developer, ever wanted a social media bar that you could just drop in somewhere in your wordpress template and have it just work without having to mess with plugins, or strange behavior? Heh, I sure have.
Dealing with the various social media site’s buttons can be fairly maddening to deal with.
Today, +CrazyXhtml.com made a post ( https://plus.google.com/107658987396380937151/posts/eiGXKvwZpUp ) in a community that had sharing links to all the social media sites.
Now, in and of itself, this is pretty cool, but I wanted to take it a step further than that, so using the links they provided, I created a full fledged Social Media Bar.
Now, it should be mentioned that this bar probably can’t just be copy and pasted in. You’ll need to play around with the css a little bit to get it to fit your site, but with this bar you should be able to be up and running in no-time. Each button opens up in a 500×550 javascript popup window (that can be re-sized, etc) that directly pulls up the sharing content of that social media site.
You can see what the bar looks like here: https://i.imgur.com/RRVguzV.png FontAwesome is used for the icons, so they are all 100% flexible.
The bar itself does not use sizing. Instead it relies on padding and margins to size itself. You can increase margins to make it bigger or smaller horizontally as you see fit. Moreover, because it uses text instead of images, you can easily resize items.
Uses CSS transitions for the hover effect which looks really nice.
Hope you like it! 🙂
P.s. It should be noted that of course it will work outside of wordpress, however, you would need to edit a few obvious variables.
It can be seen live in action on this site: http://www.it-magique.com , in the footer.