How To Add 3D Social Icons With Rotate Spin Effect To Wordpress And Blogger Latest

3D Social Icons With Css Rotate 
1. GO TO BLOGGER  
2.DESIGN
3.ADD GADGET
4.HTML/JAVA SCRIPT
5.ADD BELOW CODE










<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/AVvXsEgGAVpxWMpwISbIuuCgJiWaFkp58RSvSRMJ4Y0yzTmh04dUmVpr2n-T3SKnNulT8V-EerVPHhgiNUpQXnhHc0cB_Xerv34-goaXWKiC94uiZi_YCmcCmT7oACFX12k5eZOBII3mA8Ch_NsA/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/AVvXsEgPsag7GUBkpObd_7pwstPPhlUn0F6jHiDt6oBL-oUy3PsxFaLUZl9eidWmn2C_timmKLly8TxXQi5wWdq9e1tOlOvDa5JGxqyGxeiig2XNV85yAiozY98dYsweZK8Ov1spcakfRWHKeq8I/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/AVvXsEhP0inT1y8vwWGtBSvBVYroZVFvelMCpEcfhK3jGKQdZ9Mg17Ua6M7jmPuEPZQ2kQwhyphenhyphenUZF5L-G4SDECWgNcqR8U7DRAkBZNIbDLel9peqUNy58LpXp0Y_p9zq7NXz83OsC75CYdqYrVPku/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/AVvXsEj0y5qTYTSuyZ3T893ppCdCP5ctQGeVJ8uWOhIo_nRAPpTt06AQBJrWEWKR6_7JUV0kl7uxxKZ6xX8vERwLVHp_wbnA_bZJhaRPWiUbbJ6MZ5DdJ_eoJZJ25BWikbDPBlsCR2tXROVmz-4K/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/AVvXsEhtmpxBX2nnb5Mz5r-Q3qzDDV3ElGgoWiOkCCSAHKhAIjMF1FHy915LY4t-iIpYxqIhtbmJscu8kCUspNX7KYo4hP2Gxi6KcDz02WcQ-2HJTj7RfMIgPSd2J4RVnPvVFwp63uDbeC_wJtk3/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/AVvXsEgRzqIz-SRYWfUNH2YVFUaoPamP6eHSCgadyUrpofVzCNpt-vlj_eoo581VNrEvtvfVyoI476Y2t9j2cAgTvuGcdM3kjINyEh0o3YkxxdZo1ySnqRzV3u04WPFO9x3xWXBOQOcKyUxlFGa9/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>

No comments:

Post a Comment