How To Add Stylish 3D Social Media Widget (With Mouse Hover Rotating Effect) To Your Blogger

Friend, This is a social media widget, it made with CSS coding.. It look like a 3D rectangle widget with mouse hover spinning effect . It rotate 360 degree when we move mouse hover this widget.Use this stylish widget and make your blog more stylish .If you want to install this widget, Please follow this post and enjoy…

Stylish 3D Social Buttons With Mouse Hover Rotating Effect For Blogger (masterhacksindia.blogspot.com)

Select Layout

Click on Add a Gadget

Select HTML/JavaScript from the options listed

Copy and Paste the following code in HTML/Javascript box.

<style>
</*Blogger Industries Presents CSS 3D Icons Start*/>
#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); }
<*Blogger Industries Presents CSS 3D Icons End*/>
</style>

<div id="social">

 <a href="http://feeds.feedburner.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/AVvXsEiSanXSQwaYyB_crilfGFlBge41k31RVag5vJy1-0kfbC_0_504lJY3mc2Qf7EYdW3zAleoOFbeH3KccPhkpSVnJxVEIKybGLlRKZLyPNI91e2TD3Z8SnpmsC9mU0Rw-AikaX8a03Rlgvt9/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a>  <a href="http://www.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/AVvXsEgzGopl-m_BUriuKmLhVakaqdpbuurqvNtMm-U8T2ZlMTAVp50ImzdU5OSLKvN6TRMRU_lGLn7NYteokcH36Zbrsa2UOrv4LvwwjwQOzhyc_xsZ9oLCOeGB8gXgah0Lfw24HKmlV6P9UbDf/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a>  <a href="http://www.facebook.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/AVvXsEiqtsWATsYphwa3E3NyU2AmWtR6ghb09PhtismnnotVhS_0tZRwRag_Bca-47b_ww__lG3EUdFkf-q1AVB2XL5bgXoqUTZS4s6MG4hTBfvnLJSYGTfzQ5B83223i44wIbWeK9kQO6rfKUYY/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a>  <a href="http://www.twitter.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/AVvXsEjuCZpPM0zyIrONinZj5zjHPtElPz1mQ9L3vOXhiPVbWjcbnmIDJSqxep_5ssm-mkjp0EmVYy6wUgkcqc6zZAtEkaeV-4xAWlOT-9MQww1CJKE2bsWBxJzPLNEkDgFwlW49FYqoB2hAsthZ/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a>  <a href="https://plus.google.com/YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoRFfS1AkkqQf9KW_ulaFEKV2zZjQS2LyH70dRuh2toK1LGMFJ4NWoKAVOMA9H0YMIx0MmrfFp2bpcAjqPTKm0v22YQloOcvbfWQxgB8qbNVINt0GVovyrONsuIQCTIpBaKEoQ6pSvjVmF/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a>  <a href="http://pinterest.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/AVvXsEhFmG2ZNuZMr47vzRZs1MtmBstBlb2cRPOukH5m1cLy_3RozdPgyvBucmhyphenhyphenwM9ZKpUdH7GYbo8L1lWALnVu5t6TllCjrzo_02KnULxsFKm9UNuHzTAH-lccHsI_dWmAGNhDDVxaY0yQ9VdV/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a>  </div>

 <a href="http://feeds.feedburner.com/YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/dulshan?bg=ff9933&fg=000000&anim=1" style="border: 0;" /></a>
<!--End Feed Count Button—>