share buttons design - Early enable Orkut Blogger Share button integration (March, 27th 2011)

Edit Template, find ]]></b:skin> just before add this CSS code

/* Always in color (same as hover in default): */


.sb-email {
background-position:0 -22px!important;
}
.sb-blog {
background-position:-21px -22px!important;
}
.sb-twitter {
background-position:-42px -22px!important;
}
.sb-facebook {
background-position:-63px -22px!important;
}
.sb-buzz {
background-position:-84px -22px!important;
width:22px;
}



/* Behave on mouse over (hover) same as active (right or left click): */

a.sb-email:hover {
background-position:0 -44px !important;
}
a.sb-blog:hover {
background-position:-21px -44px!important;
}
a.sb-twitter:hover {
background-position:-42px -44px!important;
}
a.sb-facebook:hover {
background-position:-63px -44px!important;
}
a.sb-buzz:hover {
background-position:-84px -44px!important;
}



----------------------------

Update 27. March 2011 Orkut:

see: http://www.blogger.com/img/share_buttons_20.png

Show always in color:

.sb-buzz,a.sb-buzz:hover,a.sb-buzz:active{background-position:-100px -40px!important;width:22px;}.sb-orkut,a.sb-orkut:hover,a.sb-orkut:active{background-position:-80px -40px!important}.sb-email,a.sb-email:hover,a.sb-email:active{background-position:0 -40px!important;}.sb-blog,a.sb-blog:hover,a.sb-blog:active{background-position:-20px -40px!important;}.sb-twitter,a.sb-twitter:hover,a.sb-twitter:active{background-position:-40px -40px!important;}.sb-facebook,a.sb-facebook:hover,a.sb-facebook:active{background-position:-60px -40px!important;}

same as mouse over color:

.sb-buzz,a.sb-buzz:hover,a.sb-buzz:active{background-position:-100px -20px!important;width:22px;}.sb-orkut,a.sb-orkut:hover,a.sb-orkut:active{background-position:-80px -20px!important}.sb-email,a.sb-email:hover,a.sb-email:active{background-position:0 -20px!important;}.sb-blog,a.sb-blog:hover,a.sb-blog:active{background-position:-20px -20px!important;}.sb-twitter,a.sb-twitter:hover,a.sb-twitter:active{background-position:-40px -20px!important;}.sb-facebook,a.sb-facebook:hover,a.sb-facebook:active{background-position:-60px -20px!important;}

early enable orkut:

find:
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a><b:if cond='data:top.showOrkutButton'>

and remove:
<b:if cond='data:top.showOrkutButton'>


find:
<data:top.shareToOrkutMsg/></span>
</a></b:if><a class='goog-inline-block share-button sb-buzz'

and remove:
</b:if>