Blogger Animasyonlu Sosyal Widget Eklentisi #1

by Mustafa Kaba

HTML

<style>  .touchme a {  display:block;  height:50px;  width:50px;  padding:0 4px;  float:left;  background:transparent url(http://4.bp.blogspot.com/-KHbv7Tz112U/T9fZAXtBe8I/AAAAAAAAB_s/7nmIbT9ltQw/s1600/eklentileri.blogspot.com.png) no-repeat;  -webkit-transition: ease-in 0.2s all;     -moz-transition: ease-in 0.2s all;     -o-transition: ease-in 0.2s all;     -ms-transition: ease-in 0.2s all;     transition: ease-in 0.2s all;  cursor:pointer; }  .touchme a.googleplus {  background-position: 0px -58px; }  .touchme a.googleplus:hover {  background-position: 0px 0px;  }  .touchme a.twitter {  background-position: 0px -290px; }  .touchme a.twitter:hover {  background-position: 0px -232px; }  .touchme a.facebook {  background-position: 0px -406px; }  .touchme a.facebook:hover {  background-position: 0px -348px; }  .touchme a.rss {  background-position: 0px -174px; }  .touchme a.rss:hover {  background-position: 0px -116px; }  </style>  <br />
<div class="touchme">
<!-- TWITTER -->  <a _fcksavedurl="TWITTER ADRESI" class="twitter" href="https://www.blogger.com/TWITTER%20ADRESI" rel="external nofollow" target="_blank"></a>
 <!--Facebook-->  <a _fcksavedurl="FACEBOOK ADRESI" class="facebook" href="https://www.blogger.com/FACEBOOK%20ADRESI" rel="external nofollow" target="_blank"></a>
<!--Google Plus-->  <a _fcksavedurl="GOOGLE PROFIL ADRESI" class="googleplus" href="https://www.blogger.com/GOOGLE%20PROFIL%20ADRESI" rel="external nofollow" target="_blank"></a>
<!--RSS-->  <a _fcksavedurl="RSS ADRESI" class="rss" href="https://www.blogger.com/RSS%20ADRESI" rel="external nofollow" target="_blank"></a></div>