Blogger icin Donme efekli sosyal takip butonlari

Blogger icin  Donme efekli sosyal takip butonlari

Bircok blogda  yoyun olarak kullanilan  uzerine gelince donme efekti veren harika bir sosyal paylasim eklentsi  kurulumu cok kolay gozede hos gelen bir goruntu 


Kurulum cok basit Gadget  ekle  yoluyla kuruluyor 



Yerleşim - Gadge Ekle - HTML/JavaScript Gadget yoluyla alttaki kodu ekleyebilirsiniz

<!--Blogger-yazari Metro Spinning Sosyal Takip Eklentisi--> <div class="subscribe"> <ul> <li class="rss"><a href="http://feeds.feedburner.com/Blogger-yazariBloggerEklentileri" target='_blank'><span></span>RSS</a></li> <li class="twitter"><a href="https://twitter.com/BloggerYazari" target='_blank'><span></span>Twitter</a></li> <li class="gplus"><a href="https://plus.google.com/u/0/102975544316893716314" target='_blank'><span></span>Google Plus</a></li> <li class="facebook"><a href="https://www.facebook.com/Blogger.Yazari" target='_blank'><span></span>Facebook</a></li> </ul> </div> <style> .subscribe li { display: block !important; margin-right: 0 !important; width: auto !important; } .subscribe li a span { display: block; height: 32px; left: 0; position: absolute; top: 2px; transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transition-duration: 0.8s; transition-property: all; width: 32px; } .subscribe .twitter span { background-color: transparent; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3rY4aW7AA0qJZtENEUPKpVe-pujwO4LnJW8VZa-8I6SW8-yOn92Z5oXAIyU6iMCfCloDODA9E38AVMMqK0ykfloOXIsY2mLBOXpoGeBIBRHw01La2SOqQMLc9iBry5RWA1CrVnH2ujM/s1600/twitter_icon.png) no-repeat; } .subscribe .twitter a { background: #91C661; } .subscribe li a:hover span { transform:rotate(340deg); -webkit-transform:rotate(340deg); } ol, ul { list-style: none outside none; } .subscribe li { display: block !important; margin-right: 0 !important; width: auto !important; } .subscribe li { display: inline-block; margin: 0 20px 10px 0; position: relative; width: 200px; } .subscribe .rss span { background-color: transparent; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGGbNK65Mz_tuov0uDkGNybaDnKWZx9aURHiDJ61cnuNTbXQWtlnJ7l25K5uuX98XYc3_k4JkpjEFBs0A5GTyxx-edqOhS-6DKyTQqR0i4sySMBgcAdFwejCc8BTPZZ7RXZjx5RO5pC50/s1600/rss-icon.png) no-repeat; } .subscribe .rss a { background: #F67F00; } .subscribe li a { color: #FFFFFF; display: block; font-family: verdana; font-size: 12px; padding: 10px 10px 10px 40px; text-decoration: none; font-weight: bold; } .subscribe li a span { display: block; height: 32px; left: 0; position: absolute; top: 2px; transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; transition-property: all; width: 32px; } .subscribe li a:hover span { transform:rotate(340deg); -webkit-transform:rotate(340deg); } .subscribe .twitter span { background-color: transparent; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3rY4aW7AA0qJZtENEUPKpVe-pujwO4LnJW8VZa-8I6SW8-yOn92Z5oXAIyU6iMCfCloDODA9E38AVMMqK0ykfloOXIsY2mLBOXpoGeBIBRHw01La2SOqQMLc9iBry5RWA1CrVnH2ujM/s1600/twitter_icon.png) no-repeat; } .subscribe .twitter a { background: #91C661; } .subscribe .gplus span { background-color: transparent; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz4iFT6xM9TyYVd-2alqMAkW7uv1Rcc9xfeFNbr3OFBKgdp3ZTXbNtVxKcideu7mUJaLzAKV0gwM_gciJtoOMSq8K4xi70u6S2_bC9svbKeXqoW5Zhu_LsfB4C3p-A-d2_BCMuCQDIjko/s1600/googleplus.png) no-repeat; } .subscribe .gplus a { background: #D74D2F; } .subscribe .facebook span { background-color: transparent; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCMZlPh3amsC9qiAGkZzlYyrFtzk2Hr-ewtKrVyXxoTc9DZW0TsoZ2MTRZKO3mAMaeovTHHTMk2fEOtajJPUAtOt_ZW9vZSA4crVJfAWUz4ov5hps5q28_BgueB4HMGex-nRNtAYn_e1k/s1600/facebook-icon.png) no-repeat; } .subscribe .facebook a { background: #3B5998; } </style> <!--http://blogger-yazari.blogspot.com/ Sosyal Takip Eklentisi-->

Kodun ust tarafindaki size ait bilgileri duzenlemeyi unutmayin