22 Temmuz 2012 Pazar

Blogger Hareketli Sosyal Medya Butonlar Eklentisi

Blogger Eklentileri


Blogger Hareketli Sosyal Medya Butonlar Eklentisi
Bu eklentimizle RSS,Google,Facebook ve Twitter sayfalarınızı ziyaretçilerinize oldukça şık bir görünümle sunabilirsiniz..
Sosyal Medya Butonlar Eklentisi

Adımlara geçelim.
Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim..  
<style>
/*--------sosyal medya hareketli menu ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://3.bp.blogspot.com/-wdXOcwRzobk/UAs_4gQrhYI/AAAAAAAAAi0/Lb4hhZy3dX8/s1600/sosyal-medya.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>
İlgili Aramalar:Blogger Hareketli Sosyal Butonlar Eklentisi , Blogger Hareketli buton , blogger sosyal medya butonları , renk değiştiren butonlar , blogger sosyal ağ butonları , blogger facebook twitter buton

0 yorum:

Yorum Gönder

Copyright © EcanBlog - Güncel Teknoloji, Vizyona Giren Filmler, İnternet, Oyun | Powered by Blogger

Design by Anders Noren | Blogger Theme by NewBloggerThemes.com