5 Ocak 2013 Cumartesi
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/AVvXsEimQ-YmoXMMMw87NC_CgrvQJ7dSenBqia1ZMG7we8yOZN5V2GVZnVqqlRQn0Yfa1JaAUrZl3fV7nMwBpGvO2MZ307wZ6O6Y3z7L1_YZADjFe-L12D0R5LShumzbd7HqzE-75XvoqPXmms8g/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/AVvXsEiGV_I1U_CdP-8c5bj0YthxtDSwruJ5n1iPv7Gr3YjNZM6wJTfjaIMxuHwNZsetXWuP3kzU2xb6-uAHm9QhZZQyUnQg77PTcn7YJo-2wSP10BQIj5jDC-uULQBtwQmT4ANZVycGuvg9Cfyr/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/AVvXsEihUAYPYHvxBgdCxoOiOKUvyLHLE_RI0vdFElMbPCN0tI_VbEI2aGiyTTR0gfyk8L-xRT3FpCaLR7lV8yCaIkDR7yH5GI0QlnSyaHPM4Q35ho6oDjozBDW-t9eIsevMZrPRvuALHGr-R8CR/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/AVvXsEhZuVKL8c32MAH_CWfFRo-mNTSxTmPYCwvPh3aNuwm3tdceqjFqc5WFzP1-DvojC3fp5igx8w_CjiQZt5agFLCnaQE4jHdpkjB-Hw8WPZHUenvbcLKSNrKEzYjkl88XuzMUVKwDeCOYb0Km/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/AVvXsEivCfN8BPOehZK0m6Pavib2kHc60k28muydZ1Ps3kUjuSZnjdFGVP3r9NkjmaifoNW4mwVcfwgHvyb9zYNQb8hpXZkBddkiEYFIMjdytdUWgOyMnqUmO6ClOKNOEuSGjzMkFx30XhkSDrGV/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/AVvXsEhranr8Tyc_r_84ZzBBxLlAM_32zWep0gSm1MUoFvTNK8LEf6vcquAH2ftdrDkP7irhWBN7ODEBEHFp19xIbh3Jdpa452C02O3JrPjh_oJuco54kvvZpU06L1sfYVMdtuJFgAHkR9DumIyM/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a>
<!--End Pinterest Icon-->
</div>
</center>
