Blogunuz İçin Harika Sosyal Ağ Butonları

2 Yorum

merhaba arkadaşlar bugun blogunuza koyabileceğiniz çok güzel bi sosyal ağ butonları paylaşmak isterim sizler aşağıdaki kodlarda sadece # isareti yerine sosyal aginizin linkinizi koyucaksiniz hepsi bu kadar :)

bu arada kodu gadget ekle kismindan html/javascript bolumune ekliyoruzzz
kodun oz izlemesi icin TIKLA


 
<div class="abt-social-slide">
<ul>
<li><a class="facebook" href="#" target="_blank">Facebook</a></li>
<li><a class="twitter" href="#" target="_blank">Twitter</a></li>
<li><a class="google-p" href="#" target="_blank">Google plus</a></li>
<li><a class="rss" href="#" target="_blank">Rss</a></li>
</ul>
</div>
<style>
.abt-social-slide ul li{list-style:none;border-bottom:none;padding:0}
.abt-social-slide li a{width:59px;height:59px;float:left;text-indent:-99999px;border:solid 1px #222121;border-radius:5px;-webkit-transition:All .3s ease-out;-moz-transition:All .3s ease-out;-o-transition:All .3s ease-out;margin:5px 5px 10px;padding:0}
.abt-social-slide li a.facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNsR9baYaOvAsb8wZjypfSIG8RXaC99zniP5cdgxjo6jaFkXg_so_ys3fjqGN78PJIa2_kTMx61Ul_ZQ-xerBJ76HMp4VzqqHXZE_fOpA6pRVnREBBjs4t2LE9pJy9eax4K0pQzSoPIg/s1600/facebook.png) no-repeat 0 -88px}
.abt-social-slide li a.facebook:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNsR9baYaOvAsb8wZjypfSIG8RXaC99zniP5cdgxjo6jaFkXg_so_ys3fjqGN78PJIa2_kTMx61Ul_ZQ-xerBJ76HMp4VzqqHXZE_fOpA6pRVnREBBjs4t2LE9pJy9eax4K0pQzSoPIg/s1600/facebook.png) no-repeat 0 0}
.abt-social-slide li a.twitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtl4KhfaKt6nOfrjA_d7ipOt1YWVI9IjIy0VKsH1H02Y9vgvJ86NZewlFeZwMxXiQamKOeFm5xQwm7aIkIB9kvgLeQ-zYEzUC3LJBwzGhg5sDqhmufwC92JTPik9dOgVZ2QkEI6ExWMw/s1600/twitter-1.png) no-repeat 0 -88px}
.abt-social-slide li a.twitter:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtl4KhfaKt6nOfrjA_d7ipOt1YWVI9IjIy0VKsH1H02Y9vgvJ86NZewlFeZwMxXiQamKOeFm5xQwm7aIkIB9kvgLeQ-zYEzUC3LJBwzGhg5sDqhmufwC92JTPik9dOgVZ2QkEI6ExWMw/s1600/twitter-1.png) no-repeat 0 0}
.abt-social-slide li a.google-p{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGwo8uIIduVB_2fmL0eRb1aiZNRL4CN5A4K9V9uBKwvw7uzc9tSB9Rr8qHwH1M4JuUiPZQ8MMam67U5yl3oebXRRlXrOiJGj31PQ6iGGQl7sqVSx1pud3YS1uMSfplx9i2woVkthgOdQ/s1600/google.png) no-repeat 0 -88px}
.abt-social-slide li a.google-p:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGwo8uIIduVB_2fmL0eRb1aiZNRL4CN5A4K9V9uBKwvw7uzc9tSB9Rr8qHwH1M4JuUiPZQ8MMam67U5yl3oebXRRlXrOiJGj31PQ6iGGQl7sqVSx1pud3YS1uMSfplx9i2woVkthgOdQ/s1600/google.png) no-repeat 0 0}
.abt-social-slide li a.rss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBNgl-QmLGzbIFGMvWPZWunq92omivsmd-eoWx-RbDOUmCUMA3pEh4wij4_bKjpY9O9EOXXbKh3hepx4RZg9uLSWU2GxCBZ8eQtysdeAxs6AGnNZzscGN9BVIoFd-jQmYcZ5hjuWSw_Q/s1600/twitter.png) no-repeat 0 -88px}
.abt-social-slide li a.rss:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBNgl-QmLGzbIFGMvWPZWunq92omivsmd-eoWx-RbDOUmCUMA3pEh4wij4_bKjpY9O9EOXXbKh3hepx4RZg9uLSWU2GxCBZ8eQtysdeAxs6AGnNZzscGN9BVIoFd-jQmYcZ5hjuWSw_Q/s1600/twitter.png) no-repeat 0 0}
</style>

2 yorum:

Yorum yaparken dikkat edilmesi gerekenler:

* Yaptığınız yorumun tamamı büyük harf olmamasına özen gösteriniz
* Yorumlarınız da argo içeren kelimeler kullanmayınız
* Reklam amaçlı yorumlarda bulunmayınız
* Konu dışında iletmek istediğiniz bir şey varsa iletişim formunu kullanın
* Yorumlarınızdan dolayı sizlere teşekkür ediyorum