Ana Sayfa

Home » Blogger » Sosyal Paylaşım Butonları Eklentisi

Sosyal Paylaşım Butonları Eklentisi

Gönderen admin - 0 yorum

Bu yayında sosyal paylaşım butonları eklentisini paylaşıyorum. Diğer paylşaımlardan farklı olarak, butonların üzerine gelince açılıyor.

Not: Normalde eklediğiniz yere sığacak şekilde değilde, üzerine gelince açılan butonların sığacağı şekilde genişliği ayarlayın.

Not 2: Feedburner, Facebook, ve Twitter daki ( bloggertrix ) yazısının yerine kullanıcı isimlerinizi, ( 107955298793879607964 ) yerine ise kendi Google Plus numaranızı eklemeniz gerekiyor.

alıntı: bloggertrix.com

<style>
#socialmenu_btrix { 
  margin:0; 
  padding:0; 
  width: 30em; 
  height: 4.5em; 
  overflow:hidden; 
  } 
#socialmenu_btrix li { 
  display:inline; 
  list-style-type:none; 
  } 
#socialmenu_btrix li a { 
  display:block; 
  float:left; 
  text-decoration:none; 
  margin:0; 
  } 
#socialmenu_btrix li a img { 
  opacity:0.7; 
  margin:0.5em; 
  border:0; 
  float:left; 
  } 
#socialmenu_btrix li a span { 
  display:none; 
  } 
#socialmenu_btrix li a:hover { 
  background:transparent; 
  } 
#socialmenu_btrix li a:hover span { 
  width:7em; 
  color:#aaa; 
  display:block; 
  cursor:pointer; 
  float:left; 
  } 
#socialmenu_btrix .h2 { 
  margin:0 5px; 
  padding:0; 
  color:#fc0; 
  font-variant:small-caps; 
  font-size:1em; 
  border:0; 
  }
  
  </style>
  <ul id="socialmenu_btrix">
<li> 
    <a href="https://www.facebook.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL7KHIKVfd5difZRpn4zEP0RvtUJBShl-tvIbByRnDzGnotd1Fanvq9ZEQU5BxU9RhmLzNDZfqIgQm-4a_A29q-8dYh69-mpTupPJhCfzP_lp-RlFt309bLbWa4LrJIqt77uWxSC_Kj5I/s1600/Facebook-icon_btrix.png" alt="facebook" width="50" height="50" title="Facebook" /> 
     <span><br /> 
      <b class="h2">Facebook</b><br /> 
      Add to facebook 
     </span> 
    </a> 
   </li>
<li> 
    <a href="https://plus.google.com/107955298793879607964"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivSII1BaoAv3kAlJwfOPWaObbV6MZ892XPjMtFM1Vech2wOH3Ydyw65JExfp13AwZD-x7CAZJ6GrWUUAV2q24aiL0UTk7ONj_M6jIB6we-UqLmZYEkHtPCCa6gdMbeJswaBf65PPFhoB4/s1600/Google-plus-icon_btrix.png" alt="Google plus" width="50" height="50" title="=Google plus" /> 
     <span> 
      <br /> 
      <b class="h2">Twitter</b><br /> 
      Add to twitter
     </span> 
    </a> 
   </li>
<li> 
    <a href="http://feeds.feedburner.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqFvQ6SDulPia8aQtsQRWA9SFK-KvCcbSKvLEiarecGrnD8EI34bXjK8lbHm_Z7z0garI5th9UX7QtJppel0fVBPhm8UxRIpZvNHl3tnNmLDkMemb4tpdLz9XEtkacNyXRcMuk17FSS4o/s1600/RSS-icon_btrix.png" alt="Rss" width="50" height="50" title="Rss" /> 
     <span><br /> 
      <b class="h2">Rss Feed</b><br /> 
        Subscribe
     </span> 
    </a> 
   </li>
<li> 
    <a href="http://stumbleupon.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJexl7weWozyTNQfE-iLBTfPvgM5hAgLk7KZGXPo6dAPNxHx2Hh7WzBbMJu9JTlBKDS-boeRcx422bYRWTtHVRUjjtQoNIheHRRMNGQpFd8HKJ2f37MTBmI1toeYznS2jEksIXzlSLCc/s1600/StumbleUpon-icon_btrix.png" alt="Stumbleupon" width="50" height="50" title="Stumbleupon" /> 
     <span><br /> 
      <b class="h2">Stumbleupon </b><br /> 
      add to stumble
     </span> 
    </a> 
   </li>
<li> 
    <a href="https://twitter.com/bloggertrix"> 
     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPy6tCzKJZwxZ6Bh9UYrLrOPL6NXE7HagTMRHlb3J7XDq_J3cs2tss81QdUPKq5UFCS_hzG1hlD8ob_1R6kSfvnFXDeADr9Cgh8Z_0o2G410il8cjuRnS73eu41AsPUxneAq4KTsUilng/s1600/Twitter-icon_btrix.png" alt="twitter" width="50" height="50" title="twitter" /> 
     <span><br /> 
      <b class="h2">Twitter</b><br /> 
      add to twitter
     </span> 
    </a> 
   </li>
</ul>

Related Post:

Facebook Comments

0 Blogger Comments

Yorum Gönder - Back to Content