Sosyal Ağlar Butonları ( Hareketli ) Blogger

ads

ads

Hareket eden sosyal medya blogger butonları eklentisi

Animasyonlu yani hareket eden sosyal medya  facebook twitter vs  butonları blogger kullanıcıları için tasarlanmış güzel bir eklenti..

Kurulumu İçin Yapmanız Gerkenler :

Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim....

<style> /*--------ibrahimfirat.net hareketli menu ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5ecFrd8d0epexHwPQbUHJ2Fox_gi5dNiJ46bnwn05U_JmjdsPBRAin6GuTaONxJtI2ivFTBMj78zWosQ0zlKzcnW3IzfnGy_LIHv_pxCYiqFvOUH8GMg1pTW8VQYHcvRpu7uYiHd_Q4Fk/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><br /> <br /> <div class='touchme'> <!--RSS--> <br /> <a class='rss' href="RSS ADRESI" rel='external nofollow' target='_blank'></a><br /> <!--Google Plus--> <br /> <a class='googleplus' href="GOOGLE PROFIL ADRESI" rel='external nofollow' target='_blank'></a><br /> <!--Facebook--> <br /> <a class='facebook' href="FACEBOOK ADRESI" rel='external nofollow' target='_blank'></a><br /> <!-- Twitter --> <br /> <a class='twitter' href="TWITTER ADRESI" rel='external nofollow' target='_blank' ></a><br /> <br /> </div>

ads