Floating Social Media Widget For Blogger

<style type="text/css"> ul#social {     position: fixed;     margin: 0px;     padding: 0px;     top: 10px;     left: 0px;     list-style: none;     z-index:9999; } ul#social li {     width: 100px; } ul#social li a {     display: block;     margin-left: -2px;     width: 100px;     height: 70px;        background-color:#fff;     background-repeat:no-repeat;     background-position:center center;     border:1px solid #AFAFAF;     -moz-border-radius:0px 10px 10px 0px;     -webkit-border-bottom-right-radius: 10px;     -webkit-border-top-right-radius: 10px;     -khtml-border-bottom-right-radius: 10px;     -khtml-border-top-right-radius: 10px;     -moz-box-shadow: 0px 4px 3px #000;     -webkit-box-shadow: 0px 4px 3px #000; } ul#social .twitter a{      background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglSFjazwtQmOlecOTQI8v2QyJCymnGq0jdz-qyEAwHoR1wofzUeCTr2P1QqPDylGH78K-mN8asvAnCUtK08Fpzcd08_2waHZaZybc-NIBjPG6-9u4_z78HDBwrbKmfPQaTed8T3_RJ7cI/s1600/Twitter.png)no-repeat; background-position:center center; } ul#social .googleplus a      {     background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHlv8l7Cr4cLLNnO9C4X2BrhmLDlppINN4eONpPd_jipS8JRJvUDETrNG6zDoZLRT7-Uqf0rDW8HNQ5vtNLIlZY933IVm-OdYYALPsrloJcSzeg-Tk_UYSbFBciExhEXoIP9GwzYCXFpo/s1600/GOOGLE+PLus.png)no-repeat; background-position:center center; } ul#social .facebook a      {     background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidU9l8kxwtLhxAJt-lCOT3h0scC8Fr9TCQP_yWHVysvNss_gpMuhUDfvlSofOyds1BzD46FahJkGgrQZ_xWqJlg40k_8gmgc8PEpLg6rWaMzjHpm6D4bFePNK6cJsilK2GVhtIsP9TYp8/s1600/Facebook.png)no-repeat; background-position:center center; } ul#social .rss a      {     background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnc-v-B6UL7mi7ToGpbIM_qV03zJqU7Vw_LQjv9jstNlaIi0Vp3OWU6QkUSHKoAep8-KxdccRchZrrPLPm9W4rNcMjZJpf-zDBOB_H-4EDWvWU6y7YeZcr5KVehl5Kn822LuazHPcup8Y/s1600/rss.png)no-repeat; background-position:center center; } ul#social .pinterest a   {     background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQKnadVn8s39YLv0VfTp6iwdmAUoKxSOZp4AmBa6mis71JEuo-z6eeVmgCI14jPAQzTY8OBMt_zPcC0qj9_fWrukTcUz0xd2CMQpr0UqpFeHwYFkH_iQt5_7xQC8Mp2Cvkq0gcZmoxY8M/s1600/Pinterest.png)no-repeat; background-position:center center; } </style> <script src="http://Widget2u.blogspot.com"></script> <script type='text/javascript'> $(function () {     $('#social a').stop().animate({         'marginLeft': '-85px'     }, 1000);     $('#social > li').hover(         function () {             $('a', $(this)).stop().animate({                 'marginLeft': '-2px'             }, 200);         },         function () {             $('a', $(this)).stop().animate({                 'marginLeft': '-85px'             }, 200);         }     ); }); </script> <ul id='social'>  <li class='twitter'><a href='#' title='Twitter'></a></li>  <li class='googleplus'><a href='#' title='Google Plus'></a></li>  <li class='facebook'><a href='#' title='Facebook'></a></li>  <li class='rss'><a href='#' title='Rss'></a></li>  <li class='pinterest'><a href='#' title='Pinterest'></a></li> </ul>