Code You Can Use: Social Media Links
I'm sure many of you have on your own blog or have seen blogs with links to some of the social media sites either after their posts or before them. These can make it easier for people to submit or bookmark your site.
If you use FeedBurner for your feed, they offer their 'FeedFlare' to make it easier to put these links in both your feed and on your actual blog. I still use FeedFlare for my feed, but I didn't like the formatting and some other things about the code they generate for you to use on your blog. There are plugins to do this with too - but the one I tried anyway - didn't give me as much control of the formatting that I wanted either.
I eventually just found the code to use for the link from each of the sites I was interested in and hand coded the whole thing so I could make it look how I wanted it to.
Social media sites
There are many, many social media voting and bookmarking sites, but many of them are not used too much or are not relevant to my blog's topic. Based on some reading I've done, I've narrowed it down to just a few to use on my blog:
- StumbleUpon
- Kirtsy
- Delicious
- Digg
- because many people use it and get traffic from it.
- because it is relevant to a blog for women.
- it's been recommended to use it and easier to do well in than Digg
- same as Delicious
- because, well, everyone seems to have a link to it and some of my posts could do well there if I got enough Diggs.
The code I use
While I liked the small icons I saw on many blogs, I think they can be confusing sometimes - I forget which site goes with which image. I wanted mine to include both the name of the site and the small icon at the bottom of each post. FeedFlare didn't do it that way and neither did Sociable (at least I couldn't figure out how to make it do it this way).
I use the following code at the bottom of each of my posts:
You can style the paragraph tags to look however you want them to look. I center mine and keep the text small.
This code goes into the index.php file of your theme right after the div with class="storycontent" closes.
I also wanted something shorter and simpler to put at the beginning of my posts that uses just the icons. I figure this might be easier for people in a hurry and who are really familiar with all the icons used:
This code goes in the index.php page of your theme right after the following code:
The exact placement of the code may change depending upon the theme you use and of course where you want to put it. This is something you can play around with, try it different ways, until you get it where you want it and how you want it to look!












Comment by James on 18 September 2008:
Hi, I found your blog on this new directory of WordPress Blogs at blackhatbootcamp.com/listofwordpressblogs. I dont know how your blog came up, must have been a typo, i duno. Anyways, I just clicked it and here I am. Your blog looks good. Have a nice day. James.