Blogger Hareketli Sosyal Medya Butonları - Vektörel Çizim İndir,Vektörel Logo İndir,Kartvizit,Davetiye

Güncel Yayınlar

Post Top Ad

23 Eylül 2015 Çarşamba

Blogger Hareketli Sosyal Medya Butonları

hareketli sosyal
Görsel olarak farklılık arayanlar için hareketli sosyal medya butonları sitenize eklemek sadece bir kod ile mevcuttur. Butonların görseli yukarıdadır. Fare imleci ile üzerine gelindiğinde butonlar renklenir ve yukarı aşağı hareket etmeye başlar.
Blogger sitenize yerleşimlerden HTML/JAVASCRİPT gadgeti oluşturun.
Aşağıdaki kodları ekleyin ve kodları düzenleyerek linklerinizi ekleyip yayınlayın.
<style>  
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://4.bp.blogspot.com/-KHbv7Tz112U/T9fZAXtBe8I/AAAAAAAAB_s/7nmIbT9ltQw/s1600/eklentileri.blogspot.com.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="RSS ADRESI" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="GOOGLE PROFIL ADRESI" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="FACEBOOK ADRESI" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="TWITTER ADRESI" rel='external nofollow' target='_blank' ></a>

</div>

Hiç yorum yok:

Yorum Gönder