I like the sociable plugin even though I don’t have content that is bookmarked. Maybe one day I will, but not now. Well, his code styles his links in a div and ul and li all for you, but I need mine differently. So everytime he updates his code, I have to edit it for this theme. So instead of doing that, I’m just going to post here what I change so next time, I don’t have to remember and I can just copy and paste it from here! Yippie!

Find the line that says

$html .= "\n<div class=\"sociable\">\n<span class=\"sociable_tagline\">\n";

and delete it all the way just pass this line

$html .= "</ul>\n</div>\n";

This is the beginning and end of his loop code to display the links. Remove it all and replace it with this.

foreach($display as $sitename) {
// if they specify an unknown or inactive site, ignore it
if (!in_array($sitename, $active_sites))
continue;
 
$site = $sociable_known_sites[$sitename];
$html .= "\t<li style=\"background: url($imagepath{$site['favicon']}) no-repeat left center;\">";
 
$url = $site['url'];
$url = str_replace('PERMALINK', $permalink, $url);
$url = str_replace('TITLE', $title, $url);
$url = str_replace('RSS', $rss, $url);
$url = str_replace('BLOGNAME', $blogname, $url);
 
$html .= "<a rel=\"nofollow\" target=\"_blank\" href=\"$url\" title=\"$sitename\">";
$html .= "$sitename";
$html .= "</a></li>\n";
}

And your done. This display the links within an li and it will have their icon to the left like they are displayed on my sidebar.

If I released this theme, it would be a hefty job to keep it updated. I wonder if I should release it…

PS: And remove those “sociable-hover” properties in the css file for sociable. They don’t pass W3C’s CSS 2.1 validation service. It is located in sociable’s plugin folder named sociable.css.