If you look below each post on Turnipofpower.com you will see a collection of social media buttons created by the AddToThis WordPress plugin. I really like this plugin for both it’s looks and the ability to easily customize it. Ironically, the author of this plugin is now using the ShareThis WordPress Plugin and not his own creation. By default the plugin only shows four buttons; Delicious, Stumble, Feed Readers, and Technorati. As you see below, I have added Reddit, Digg, Twitter, Mixx, and Yahoo Buzz buttons.
Below you will find the code for each of the buttons I have added. Simply add the required code to the addtothis.php file using the WordPress theme editor. You will need to create your own 48 x 48 px images or right click my images and choose “save as”. Do not hotlink to them. I’ve seen some sites use enormous 125 x 125 px buttons, and others use 16 x 16 px buttons. Be Creative! Note: The twitter button requires the Tweet This WordPress plugin to function.
<td style="text-align: center;"> <a href="http://www.reddit.com/submit?url='.get_permalink().'&title='.the_title('', '', false).'" rel="nofollow"> <img src="'.get_option('siteurl').'/wp-content/plugins/addtothis/delicious2.png" alt="Add to Reddit.com" style="border: 0px solid ; width: 48px; height: 48px;"/> </a> </td>
<td style="text-align: center;"><a
href="'.get_tweet_this_url().'" rel="nofollow"><img src="'.get_option('siteurl').'/wp-content/plugins/addtothis/twitt.png"
alt="tweet this!" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td>
<td style="text-align: center;"><a href="http://digg.com/submit?phase=2&url='.get_permalink().'" rel="nofollow"><img src="'.get_option('siteurl').'/wp-content/plugins/addtothis/digg.png" alt="Digg It!" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td>
<td style="text-align: center;"><a href="http://www.mixx.com/submit?page_url='.get_permalink().'" rel="nofollow"><img src="'.get_option('siteurl').'/wp-content/plugins/addtothis/mixx.png" alt="Mixx It!" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td>
<td style="text-align: center;"><a href="http://buzz.yahoo.com/submit?submitUrl='.get_permalink().'" rel="nofollow"><img src="'.get_option('siteurl').'/wp-content/plugins/addtothis/buzz.png" alt="Buzz It Up!" style="border: 0px solid ; width: 48px; height: 48px;"/></a></td>
I know this will help someone out there. Do you have any social media buttons you have added to the AddToThis plugin?
Glad to see you finally did something about that BuzzUp button — it looked so out of place!
I’m using SocioFluid plugin which has lots of buttons to choose from and you can also choose what size displays on your site which you might want smaller buttons if you are displaying a lot of them. These large ones look fine when you only have 4 or 5 but don’t look so good when you have more than that.
ê¿ê
Margaret: I saw the socio buttons on your site. They look nice, but they seem to lock up my browser if I mouse over them. Maybe its only the 4th and 5th button over that do it.
Very sexy Turnip. I’ve added something like this on my ‘to-do’ for the new year. But I will use the hand drawn icons I got off Joeprah.
I prefer to code these things without using plugins. I find I have more control over the stuff by doing it this way. To make the Twitter icon work one does need a bit of scripting but there are third-party scripts available for this.
This is however a nice easy way of doing things. Thanks for sharing the icons, I have just given my ‘social icons’ a bit of a face lift.
Great post! i especially found it useful where you started. Good job! Thanks for the tips!
Very informative post, it will take me time to digest all of this information. Thanks again.
http://paullhamilton.com
Wow, that’s amazing. I wish Blogger had something like this!
This is a cool little guide.. I like it..
But one small suggestion.. for those who don’t know..
WordPress has an inbuilt feature to edit theme files… you don’t actually have to download it and upload again…