Spinning CSS 3D Social Sharing Widget

:*:Spinning CSS 3D Social Sharing Widget:*:

Social Sharind Buttom for Blogger Make Your Blog more Nice and nice looking

:*:Demo:*:

<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/AVvXsEjH9fSDT5ESh3irXTMKRFcEDeiaeCO2DdQIztcmICtISa-Xl9r6MIULbZvyed3QJrO-Cc4Lb1khXAhKCXBjeHypQczn3Lz4POUPjFLRuEegP-a5b-qNe35vzhDKrI0vSMlo9ZpGbkm3FzVp/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/AVvXsEhGrUT1YTKMFIYRGA8axVbE60u542f7a1X8UFIMiynBoaJgGfdPqmGwve-E8bVFXHfWkyGV6iIu9WVelV_NRTrjLZIHmBcUDUloF1k2pH8F07GCmqul1-wcVZjTrW_RLkoaQ6l4CBVv0QI0/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/AVvXsEgVHUmB0bYo3gOXV1ExvhJ2oyelh23RgQMclNPCbM_R9AmjQXRLy63cXS7DV8xuGGP71ykUw-0p-O4mkUQZezL_3V-1LXrZzMLLqvbHj68nSXlBL2FaI9LQotObH67yQliMn4eaDregftWr/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/AVvXsEjJa9x0g8b58sj-j4FjcBsm8cU7Sje3oEBgkpGdiQ3SqRMG-2IOfu3OrXGA2764DJ98ZKrVYhcW2HL-B_JqHU_VqZwCDc6wicgYmpPTt45_NNlIzP1snURWyNtDR3HjAS2eEOamIFPKbILY/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/AVvXsEjZ33KX9d339D_jJNrtTOwL-XQiM-HeTt8ncx1pbQ9irnsAS93BA4jy1e8JAhWWsMu1gBixlFRVGF_rm-si86jgcW0moxl33gySGjdF4u4SsEuvpiMI8CHnfzdp7cLCECO6DUTUIDMbCBI0/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/AVvXsEjsqlrrkFPFTG4nk5g1QIhppMYeks5u44K8wrGgSL8nWJUQGHg5YsVzkZlyxjiqxNB8CKVqBSz5nEYKxvCBR-hHC9M_KA0RbEJuY_cAgR7SFbKVsDSFVtCHtTbwCSHy2OmV6FgujLJKP0sO/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div> </center>

In above scrooling text box in text you have to set URL related Icon's as google, facebook, twitter, pintrest etc....

How to add to Blogger Dashboard »» Layout »» Add Gadget  »» Select HTML/JavaScript »» insert code in content box and Save

If you Have Getting any Troubble installing then visit below toturial

:*:How to Add Gadget:*: