Blogger-plugin: social-share buttons on top and modern CSS Label styles

blogger-footer-label-tags-design-on-top.css

/*might need to be adapted*/
.overview-content .article-footer{
  margin-bottom: 10px;
}

.overview-content .share-controls {
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  float: right;
}

.article .article-footer {
  clear: both;
  text-align: left;
}

.article .article-footer .share-controls {
  display: inline-block;
  margin: 0px 0px;
  text-align: center;
}

blogger-footer-label-tags-design.css

/*lsauer.com, 2013 - lo sauer
Result: http://img.techpowerup.org/131107/Capture127-20131107-172415.png
*/
div.article-footer a.label {
  display: inline-block;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  border-radius: 3px;
  text-transform: uppercase;
  font-family: arial;
  letter-spacing: .3px;
}
/*do not show the comma separator*/
.article .article-footer .label:not(:last-child):after {
  content: inherit;
}

.article .article-footer .publish-info,
.article .article-footer .geolocation-info,
.article .article-footer .labels {
  display: inline-block;
  padding: 2px 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: rgba(128, 128, 128, 1);
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 #ddd;
  clear: none;
  font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

blogger-labels-social-share-reorder-plugin.js

/*lsauer.com, 2013 - add this somewhere in your Blogger template*/
var bloggerplugins = bloggerplugins || {};
bloggerplugins.labelsontop = (function($){
  return function(){
	$(".article-footer").hide();
    $(".article-footer .publish-info").hide();
    $(".article-footer").prependTo( $("div.article") );
	$(".article-footer").fadeIn(600);
  }
})(jQuery);
setTimeout(bloggerplugins.labelsontop, 2500);