Blogger blogunuz için , Döner Sosyal Butonlar Eklentisi ile , ziyaretçiniz fare ile ikonların üzerine geldiğinde , ikonumuz dönme efekti gösterir..
Altta yer alan kodlarımızı , Yerleşim >> Gadget Ekle >> HTML/JavaScript yardımı 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf5KORU4WO4Rn1xcxtNF3vb1bJGtv08ljUhboXabzgWgxEbjMGw3XKX_osg3UilStnxK7cw7ldKDPLQkjnJrzrYoRp_0JwSvaR77Q87lei7rmavniFSPPvRTQpTYkZ-2PEA1IEnFQGYq2r/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUp-jFwzSHxDdyLnXIZm1qut4dK5-MRqUds9IEC4HB6gfNGmLokg3oqDQQN0aiT7km5mGrcpQwoDDw7-8AxcRNrTFlr7Vh43I5l-xantbgpssufAOZATKd3CLYSIBRLtN8-WkkcZNEOqB/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxsAowFVfZwF9Wy6xH2-fYWEx1edTM4weiN7ZK3R7j9SudLnaH8S1pZm_LQbfr1heUn3VtI7KqnwDKeZpVgUpHsuxjd9oPhTR31SvxOpvZiY5-g_M1ePb7EFGOq2C-euhEReTGc4pg0UKN/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKBjoEtJi11wxLssAK1WO1pegEBw_WtS-mtuJXpNRldHDcpMGdP9Hq0CXJmNRd19hIId9IKtN35q5Yr0QSQ05LT8Oa2XfLCK1tO5nnMYEWv9TV-nWKHeyI_EfZPvHKfe1SONmM3hgkgJWe/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbfxTMygX-T2mgr4nQ5wr9jneDSaJ7tUih5Prl7budrljY05o1Lx1-0yooMBW1VmCSFJWt4Ryq5Llkhk0UJNW9wgVo5FOlrfCgEMqGZ1CH-ATspIP5ZUk4NzhQDbzY2GaaKfttBJqfaMJ2/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTvCHYHCdAFooEqmfLE38eHZaUOUgk3wWtRSROc1cps6S44jrR-jWs1OhIGXi8-UYIlRP1PImu0Yf0TUwcJGr3-VPggLpN2IIJTVghkFTGLd2huHRDRWr2-4nlKX_cUv-ZsJ70l7njerYX/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a>
<!--End Pinterest Icon-->
</div>
</center>
Hiç yorum yok :
Yorum Gönder