All of us have tried many different social plugins. I know that most, if not all, of us use the TweetMeme plugin and maybe even the sexy bookmarks plugin. But that’s the problem with that idea: so many different plugins slowing down our site. Not to mention the complete mess of having so many plugins installed and having to manage each one separately.

Thankfully there is a solution! The Digg Digg plugin! As you can see on this website, I have it installed. it’s the awesome left bar that scrolls with you when you’re on a post! There are a few ‘issues’ with the plugin though.

The biggest issue is that it’s not 100% automatic. You WILL have to edit the position of where the bookmarks/social-thingies are displayed. Below the video I included my changes to the plugin setting so that it fits MY blog. Each blog is different so you have to edit it to fit your own blog.

It’s pretty easy, I show you how to do that step by step in the video :) So don’t worry about messing up. I’m right there with you, code isn’t scary. Also, if you have any questions about how to set it up or having trouble getting it aligned, leave a comment or hit me up on Twitter and I’ll help you get it just right on your blog.

So watch the video to see how the Digg Digg plugin works and how to get it correctly installed and positioned on your own blog!

the initial position setting for my blog:

.dd_ajax_float{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
margin-left:-80px;
margin-right:10px;
position:absolute;
z-index:1;
}

and the part of the code which controls the movement (and also position while moving):

if ( scrollY > descripY && !fixedShare ) {
$postShare.stop().css({
position: ‘fixed’,
left: ‘50%’,
top: 20,
marginLeft: -310

});
} else if ( scrollY < descripY && fixedShare ) {
$postShare.css({
position: ‘relative’,
left: 0,
top: 0,
marginLeft: pullX
});

If you have any questions let me know in the comments below.