ul#m-soc2{
margin-left: -80px;
padding: 0px;
width: 220px;
height: 50px;
margin-top: -5px;}
ul#m-soc2 li{
list-style: none;margin: 7px;padding: 0;float:right;border: none;}
ul#m-soc2 li a{
background: url(https://lh4.googleusercontent.com/-n5zj4LjXnmM/T8zwsOI_NhI/AAAAAAAADIg/tD-DgPUODu4/s132/sosyal-butonlar.png) no-repeat 0 0;
margin:0;padding:0;display: block;position:relative;
width: 33px;
height: 33px;
overflow: visible;
}
ul#m-soc2 li a.twitter{
background-position: 0 0;
}
ul#m-soc2 li a.facebook{
background-position: -33px 0;
}
ul#m-soc2 li a.google{
background-position: -66px 0;
}
ul#m-soc2 li a.rss{
background-position: -99px 0;
}
ul#m-soc2 li a.twitter:hover{
background-position: 0 -33px;
}
ul#m-soc2 li a.facebook:hover{
background-position: -33px -33px;
}
ul#m-soc2 li a.google:hover {
background-position:-66px -33px;
}
ul#m-soc2 li a.rss:hover{
background-position:-99px -33px;
}
ul#m-soc2 li a span{
background: #555;position:absolute;
top:-10px;left:-10px;width:auto;height:auto;opacity:0;
padding:3px;text-align:left;
color:#fff;filter:alpha(opacity=0);
white-space:nowrap;border-radius:3px;font-size:12px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;}
ul#m-soc2 li a:hover{text-decoration:none}
ul#m-soc2 li a:hover span{
opacity:.7;
filter:alpha(opacity=70);
top:-23px}Html + Php
<ul id="m-soc2">
<li><a class="google" href="javascript:(function(){var hght=400;var nmbr=Number((window.screen.width-wdth)/2);var wdth=490;var y=Number((window.screen.height-hght)/2);window.open('https://plus.google.com/share?url=<?php
echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'] ;
?>&title='+encodeURIComponent(document.title),'','width='+wdth+',height='+hght+',center='+nmbr+',top='+hght+',scrollbars=no');})();"><span>Google+</span></a></li>
<li><a class="twitter" href="javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());"><span>Twitter</span></a></li>
<li><a class="facebook" href="javascript:(function(){var hght=400;var nmbr=Number((window.screen.width-wdth)/2);var wdth=490;var y=Number((window.screen.height-hght)/2);window.open('http://www.facebook.com/sharer.php?u=<?php
echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'] ;
?>&title='+encodeURIComponent(document.title),'','width='+wdth+',height='+hght+',center='+nmbr+',top='+hght+',scrollbars=no');})();"><span>Facebook</span></a></li>
</ul>Demo