Blogger Hareketli Sosyal Paylaşım Sitesi Butonları

Blogger Eklentileri - Hareketli Sosyal Paylaşım Sitesi Butonları

Blogger Eklentileri  ile sadık ziyaretçi edinme yöntemlerimiz devam ediyor. Bu dörtlü sosyal paylaşım butonlarını kullanmak size şık bir görünümün yanı sıra sabit ziyaretçi kitlesi oluşturmanızda yardımcı olacak.

Blogger Hareketli Sosyal Paylaşım Sitesi Butonları Demo

 

 Yerleşim >> Gadget Ekle >> HTML/Javascript seçeneği ile şablonuzun istediğiniz yerinde kullanabilirsiniz.

Blogger Eklentileri Kodları Üzerinde Yapmanız Gereken Değişiklikler :

Kırmızı olarak işaretlenmiş linkleri kendi sosyal paylaşım linkleriniz ile değiştirmeniz yeterli.

Blogger Hareketli Sosyal Paylaşım Sitesi Butonları Kod Dizini :

<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/phtmldrive.blogspot.com/MOiP" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="https://plus.google.com/117069198363134832012" rel='nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="https://www.facebook.com/phtmldrive" rel='nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="https://twitter.com/phtmldrive" rel='nofollow' target='_blank' ></a>
</div>