Awesome Social Sharing Widget For Blog

.scial a
{
  text-decoration:none;
  color:rgba(0,0,0,.5);
}
.scial
{
display:inline-block;
  transition:.3s;
  -webkit-transition:.3s;
  -o-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
cursor:pointer;
margin:10px 0px;
width:50px;
padding:0px;
height:50px;
font-size:22px;
color:rgba(0,0,0,.5);
text-shadow: 1px 0 0 rgba(0,0,0,.2);
}
.scial:hover
{
padding-right:160px;
}
.scial > span
{
font-weight:900;
display:inline-block;
text-decoration:none;
color:rgba(0,0,0,.5);
margin:5px 7px;
transform:scale(0);
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
}

.scial:hover > span
{
transform:scale(1);
transition:0.5s linear;
-webkit-transform:scale(1);
-webkit-transition:0.5s linear;
-moz-transform:scale(1);
-moz-transition:0.5s linear;
-o-transform:scale(1);
-o-transition:0.5s linear;
-ms-transform:scale(1);
-ms-transition:0.5s linear;
}
.fbs
{
background:#5A5AFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmanWpyDKv_FnhgbKnSSb8FhzknUX7jvCEvzhcLyR3_yZ81AOcQSBE8KpLSfAdeGuYFeGNf0ohyphenhyphenU83XXDgOHTK2FVwnx3mmfgHeL-XkV4GMdOA6auqQ0HbBlh7Ae7D1YsZYjfQ0w64lLk/s1600/facebook.png) center no-repeat;
background-size:40px;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border:1px solid transparent;
}
.fbs:hover
{
background-position:95% 50%;
box-shadow:0 0 0 3px #5A5Aff;
border:1px dashed rgba(0,0,0,1);
}
.gp
{
background:#FF4949 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpXdfJeF8ONqlmI8B2CwWmHjWbLYLiFFnxqXA9oc2Y0PqLLa9XKED_kNw8Yjc5KCuEhJBCpE6k8NRhT3g_eaZbeY0wqQ0roJCeg5MDtZHMAn1wNNDqD9KEUCnFuSHNjkOHU0yCFxMf1Rg/s1600/gplus.png) center no-repeat;
background-size:40px;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border:1px solid transparent;
}
.gp:hover
{
background-position:95% 50%;
box-shadow:0 0 0 3px #FF4949;
border:1px dashed rgba(0,0,0,1);
}
.tw
{
background:#00EBFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjap2cz0zUeEtNdyhIH3lYFWio0L0HGLAmtrGDtea1i0EqMcMENrhPYSdCt8z-lYrTNiamdUCAfKh2a_neLnYKGsKwvr-hEBRb5Gum1PX9ScC1a25nvOdA7SAYnBDpj0tF7SNlwbjLgiSs/s1600/twitter.png) center no-repeat;
background-size:40px;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border:1px solid transparent;
}
.tw:hover
{
background-position:95% 50%;
box-shadow:0 0 0 3px #00EBFF;
border:1px dashed rgba(0,0,0,1);
}

.st
{
background:#FFB6B3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5hwlouLdzUfkATHwXHY4Xo8dum5EyVswe3EeNjPtSnyobS83RmgkYIZQigRrUf050hfSfg-1uMSRLyH6MbeG6lIBCX3EgDYUNXkIO-nJMw3OWPFTCaWOPBCdJgDSK9PZXT3dafwwywcM/s1600/stumbleupon.png) center no-repeat;
background-size:40px;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
border:1px solid transparent;
}
.st:hover
{
background-position:95% 50%;
box-shadow:0 0 0 3px #FFB6B3;
border:1px dashed rgba(0,0,0,1);
}

<em>Share This Post, If You Find This Awesome</em><span><a href="http://creative-blogging-tips.blogspot.in/2013/03/awesome-social-sharing-widget-for-blog.html" style="float: right;">Powered By CBT</a></span><hr/><div class='scial fbs'><span><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'>Facebook</a></span></div>
<div class='scial tw'><span><a expr:href='&quot;http://twitter.com/home/?status=Check this out: &quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank'>Twitter</a></span></div>
<div class='scial gp'><span><a expr:href='&quot;https://plus.google.com/share?url=&quot; + &quot;en&amp;url=&quot; + data:post.url' target='_blank' title='Share On Google Plus !'>Google+</a></span></div>
<div class='scial st'><span><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>Stumbleupon</a>
</span></div>