Reklam

Hareketli Sosyal Paylaşım Butonu

Yazar : Ferhat Çakıltaş , Tarih : 9 Kasım 2013 Cumartesi 1 yorum
Blogunuzun veya şahsınızın  Facebook, Twitter, Google+ ve LikeDid hesapları ile blog yazılarınızın beslemelerinin yer aldığı RSS adresinize ait hareketli sosyal medya butonlarının yer aldığı bir eklenti  paylaşmak istiyorum.






<tbody>
<!-- Bamfec Hareketli Sosyal Paylaşım Butonu Kod --!>
<div class="widget HTML" id="HTML7">
<h2 class="title">
Bağ Kurmak İçin</h2>
<div class="widget-content">
<center>
<style>
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.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>
<div class="touchme">
<!--RSS-->
<a class="rss" href="http://feeds.feedburner.com/BamfecMOiP" rel="external nofollow" target="_blank"></a>
<!--Google Plus-->
<a class="googleplus" href="https://plus.google.com/114602953997776247333/posts" rel="nofollow" target="_blank"></a>
<!--Facebook-->
<a class="facebook" href="https://www.facebook.com/bamfec" rel="nofollow" target="_blank"></a>
<!-- Twitter -->
<a class="twitter" href="https://twitter.com/bamfec_" rel="nofollow" target="_blank"></a>



<br />
<div class="clear">
</div>
<a href="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" /></a><span class="widget-item-control">
<span class="item-control blog-admin">

</span>
</span>
<br />
<div class="clear">
</div>

Bağ Kurmak İçin





Sarı renkle yazılan yerleri kendinize göre uyarlayınız
Sosyal medya eklentisini blogunzda kullanmak isterseniz Blogger kumanda panelinden Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu takip ederek eklemeniz yeterli.

1 yorum:

Adsız dedi ki...

Ekleyecem

Yorum Gönder

Yorum göndererek bize destek olabilirsiniz.Konuyla ilgili sorular ve tavsiyeler vermek için yorum yapabilirsiniz. Konu ile ilgili olmayan yorumlarınızı İletişim bölümünden sorabilirsiniz.