For a long time I’ve been using the Sociable Wordpress Plugin, but considering that when you have many plugins it will slow your site down I decided to customize my Wordpress theme by incorporating my favorite Social Media sites.
Now, I am not a programmer or great web designer so my coding skills aren’t the best. Using the Thesis theme and it’s support forum I was able to figure it all out! So I cracked open the Sociable theme PHP & CSS files and looked around at the coding. With some CSS coding I was able to make my custom Social links flow with the site. I included the HTML and the CSS with my graphics in the attached ZIP file on the post. Feel free to download and tweak it for your own site. If you are just going to copy and paste the HTML please be sure to change the YOUR_URL to your links!
Download the ZIP file for the HTML code, CSS and Images I have used. The result can be seen underneath this blog post.
My CSS for the social links
.socialmedia { border-bottom-color: #e1e1e0; border-top-color: #8ec324; background: white; border-top: 1px solid; border-bottom: 1px solid; overflow: hidden; padding: 1em; text-align: center;}
.socialmedia p { color: #515151; font-size: 1.3em;}
.socialmedia a img{
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}
.socialmedia a:hover img {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
