Reklam

Hareketli Sosyal Paylaşım Butonu

Yazar : Ferhat Çakıltaş , Tarih : 9 Kasım 2013 Cumartesi 2 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.

2 yorum:

Adsız dedi ki...

Ekleyecem

Ferhat Çakıltaş dedi ki...
Bu yorum yazar tarafından silindi.

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.