3D Social Icons με εφέ Περιστροφή

 Διάταξη> Προσθήκη gadget> HTML Javascript
Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα:

<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 title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVpDWLA74S2F57lcEE46fWqaJ4WYnSwKedGkU_TEIqOmW2uThXqGZHsQx_pSNg_1aue25iw360d8DI0Qi9j6MhJQ0Ki4RbF74Rz0JkbrJ9T1CQDvIO6rIPg69YF_uoGN4LNLHshyIwBcwR/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUzPqFGsiCvA_CcMoZ15T-6K5j-IqsNsN4C36hmiBCiIosOdIXYGv25jTSCmTO050MweHAtUijDUMxO8UyoPXHRRiyqE1iFFLW20B9rTzqw5CpWRZ_5xQYZRuZPTmWBKWIEF1j5vC0mY8j/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtt9LRELtvGR6WDvDsalv4oj-aUkjzHRA_zLZ5miin7iqtysCJ2LfxXN-XqyHTBnSt_xEvBpXh4N2mh34jE4mLwZraKFw2u9Ydmr7kZMR2XO60CV6ec_TTPzJL2HG06OpEZR1C97h27c7b/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Bvklld6nUVorIernJoNwO-lTuK3QYD1nHTYgB0keNRyDo5x2WoUFP4SWr8t2rpLw53wqwEDY84oKisjwG4_E87_SiKHqLGX_AItry9uA3Swg7vp87bbxnHpgpAMSTWPdv2eIg4fYPdpg/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEu32ZCTbETt1zfEHLe0E-gHKPSgjPxvuEVUwVE7J6ehm5bkz95Ejjh-Og2DRsSq81amXA3UMPPyWboGDqhpacM-U9ReiyBW-24xyZ9Qm_LsaWMIjXzBPuXwdDDQn65J6rxVvCBlddZtaB/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJXQHu1qjCJNqGEsc2GbVgviWqJ5h0Jk7i9PSNgiY_tZ_vi2BNW1ItDg7XAnbJ9j3A7twDuWhB712Gc2Jh9CTwD6xhcaVghFrQd623ANjacz8hC3ItUdPus1oqni4NlSxZh24N3F3yqYCO/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>