How To Add 3D Social Spinning Buttons To Your Blog

Hello Guys, Today am back with one interesting article to make your blog Social Plugin Box look pretty cool. Today i will show you how to make 3D like Spinning Social Plugin to your blog. If you want to add them to your blog then follow my instructions carefully.

Adding 3D Social Spinning Buttons To Your Blog

• Login to your Blogger Dashboard.
• Go to Layout >>> Add a Gadget >>> HTML / Javascript.
• Now copy the below code and paste it.
• Click on Save.

Demo                                           

<style>#social{border:0px solid #888; margin:0px 0px 0px 0px; padding:0px; } #social:hover {border:0px solid #ccc;cursor:pointer; } .opacity {opacity: 1;margin-left: 50px;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-ms-transition: all 1s ease-out;transition: all 1s ease-out;-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 0;} .opacity:hover  {opacity: 0.65;-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 0;}</style>
<a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/DigitalNavigate" target="_blank"><img class="opacity" id="social" img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywmAkc7Vz9cCQ4smu1s21nEx8VUv1g6EyVSbhXYVygLd_gVGJiCHMfD4utq4y8JHYAvQKCDjZ6JfqF84hX6mRRSSGNWwrhtraGDzGc1GMqvlVrHqOyvT-qN8-JglYQ6GyBlHiECAIch55/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon" /></a>
<a rel="nofollow" id= 'opacity' title="Get Free Updates Via Email" href="https://feedburner.google.com/fb/a/mailverify?uri=DigitalNavigate&amp;loc=en_US" target="_blank"><img class="opacity" id="social" img border="0"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiarGkgySA8Toezr8myPT0YcD1I6GAoXLyqka-c_iRsHAMsItJvZp2QMjdJxsF6ac6NEKLkZ5yTpuWc1VYuTXFJgMXXDDdVgk0m6w7gtssx4hTBamUwvYvSbvtDhaUHXKunjx4tegsEF_3s/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon" /></a>
<a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/digitalnavigate/" target="_blank"><img class="opacity" id="social" img border="0" id="opacity" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_v33r2ZYHbuu07tKt4nFN-99B9zfLV_QDJqNzyvZPIPihILijX2j7DAVXMNwP29X2hUlAdORKzze8ohs1sFU85SVm42o8iCm8CEp1_Gj5Dc8hmpzZuamREAbUvLLW13Bmx9_Hrl2Okpf3/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon" /></a>
<a rel="nofollow" title="Follow Our Updates On Twitter" href="https://twitter.com/Digitalnavigat1" target="_blank"><img class="opacity" id="social" img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKiWcBqv-Bh7UUOIotmWc-qi5ENYdyfAVik05XSRBa3MHEps_76mMDyAiAXc0FGqvPHfgU0mApyoWysIFw_RInIT_flyfISMFJ7hmNrJ3Jo2Z3rSH_6I7QvT5ezjuypTiRr28YLnoggTLL/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon" /></a>
<a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/u/0/104504708713536538827" target="_blank"><img style="margin-right:1px;" img class="opacity" id="social" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgiMRiNezr1eTA3jBUxOaQRi-5r5blUo7sfWIbaPufoF4veY2mRbJlfe7sE92f5M42XowCIB8kJiDX5EnrLoQI481qF1du8ek9Os-cyj9rveMIohxMCM6gQft9peA6MOOwUGaP6RTH58n/s1600/GOOGLE-PLUS-48x48.png" /></a>
<br/> 
<a href="https://twitter.com/Digitalnavigat1" class="twitter-follow-button" data-show-count="true">Follow @Digitalnavigat1</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Now make the several change as my instructions, Replace

• http://feeds.feedburner.com/DigitalNavigate with YOUR FEED URL.
• DigitalNavigate with YOUR FEED NAME
• https://www.facebook.com/digitalnavigate/ with YOUR FACEBOOK FAN PAGE URL.
• https://plus.google.com/u/0/104504708713536538827 with GOOGLE+ ACCOUNT / PAGE.
• https://twitter.com/Digitalnavigat1 with TWITTER ACCOUNT URL.

That’s it for now and keep visiting for more. Subscribe Us.