Saturday, December 1, 2012

Stylish 3D Social Buttons with Rotating Effect for blogger
Sandip KILLEDARSaturday, December 1, 2012 0 comments

Stylish 3D Social Buttons with Rotating Effect for blogger
Stylish 3D Social Buttons with Rotating Effect for blogger






In this Tutorial we are going to give your new social media buttons trick. This 3D Social Buttons are amazing we have used Blogger CSS in this tutorial. When you move your mouse cursor on the button it will start rotating 360 Degree and also it will start spin back when u move back cursor from it.







These Social Buttons Includes


Facebook
Twitter
Google+
Pinterest
Feedburner reader count


Live Demo
<style>
#social a:hover {
background-color: transparent;opacity:0.7;
} #social img {
all 0.8s ease-in-out; -webkit-transit
-moz-transition :ion: all 0.8s ease-in-out;
-in-out; -ms-transition: all 0.8s ea
-o-transition: all 0.8s eas ese-in-out; transition: all 0.8s ease-in-out; }
g); -webkit-transfo
#social img:hover { -moz-transform: rotate(360d erm: rotate(360deg); -o-transform: rotate(360deg);
0deg); } </style> <center> <di
-ms-transform: rotate(360deg); transform: rotate(3
6v id="social"><a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div>
<br/> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="Beautiful Blogger Widgets" src="http://feeds.feedburner.com/~fc/beautifulbloggerwidgets?bg=ff9933&fg=000000&anim=1" style="border:0" /></a> </center>




Note: You have to Replace following with your URL
YOUR-FEED-URL-HEREYOUR-EMAIL-RSS-URL-HEREYOUR-FACEBOOK-PAGE-URL-HEREYOUR-TWITTER-URL-HEREYOUR-GOOGLE-PLUS-URL-HEREYOUR-PINTEREST-URL-HEREYOUR-FEEDBURNER-URL-HERE
In Category :
About The Author Ali Bajwa Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Facebook and Twitter

0 comments

Post a Comment