Sosyal Butonlar Eklentisi Hareketli Dönen

ads

ads

Blogger Sosyal Ağlarda paylaşım butonu  dönen hareketli butonlar

Butonlarun üstüne  gelindiğinde  sağ tarafa doğru  döner  demosuna yayınlamakta gerek olmadığını düşündüğüm için paylaşmadım yukarıdaki resimde gördüğünüz  gibi butonlar sadece  sitelerinize eklediğinizde üzerlerine gelindikçe mauseyle  hızlıca   kendi etrafında  dönerler.  Oldukça   güzel ve şık bir eklenti blogger kullanıcılarının  bloglarında kullanacaklarını düşünerekten  paylaşımımı yapıyorum.

Aşağıda bulunan kodlarınızı , Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile ekleyiniz..


<style> #social a:hover { background-color: transparent; opacity:0.7; } #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center> <div id="social"> <!--Start Rss Icon--> <a href="http://draft.blogger.com/YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a href="http://draft.blogger.com/YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a href="http://draft.blogger.com/YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a href="http://draft.blogger.com/YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a href="http://draft.blogger.com/YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a href="http://draft.blogger.com/YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a> <!--End Pinterest Icon--> </div> </center>

ads