Monday, 29 October 2012

Add beautiful 3D rotating social button to blogger

HOW TO ADD ROTATING SOCIAL BUTTONS TO BLOGGER

                                               This is most popular six social follower button widget.It looks like 3D shape and hover rotating style.Nowadays bloggers should produce some different styles to get more visitors.So this plugin is very useful to attract visitors.Then the bottom of this widget is feedcount ,shows the suscribers count.Therefore the simple step for installing this widget is given below and live demo also.

LIVE DEMO



IconIconIconIconFollow Me on Pinterest
Beautiful Blogger Widgets

INSTALLATION METHOD

  • First go to your blogger dashboard and select layout tab.
  • Then click add gadget and select HTML JAVA SCRIPT gadget.
  • Now copy and paste below code on your selected gadget.

<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"><a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iU6x9F4gma7HRFz_nLAKPjteB2fliRxRHdXCj0ixz-4j2eQaSZVLjhu3SKdSpAkM3thTYdvh3EdUmiPcTQXFx_QFXtw0uP0Me3sw-WNmC_Q6pYch9BIT1d099JdlxFCHVlFkvAYOoU5n/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyZJVFdLKxxv_NW17OjMwhyphenhyphenq6CFFBxm0982j87psdRc3UkBDT_hS1OM9UiAhLIrpCTY-IOLoN6GZv-iBfo52JpLtNAgIs0QQgvCVm85IraKVpq6PUYRRjn4d185zeJ9Uq-t0GdGp9FAMDK/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/bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqxtB7p_wWKtpJQJiiimnnvTI8k0EbC_KNWyHKxC2N7_Eb1MhGVdHDVHnshjUUJLwHWvOaXqdXS4Thr_-jnL6xMAa8WzfzCFcOKpMXZcn54gpwmX8o2yW8z4SFc8yPoBotNWBud24nEzfF/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLa-OOzk_5za4e1XIn9K7hpP3ME7Zk-LTnb-A2_UX-Na6qlsvowR_UcCxt__W4kwJv6Jg6X5wrBFSmWfu9MVOikDbExrzUnuXPE4CUqGFuMH0W3-lvNagvfycUt-InULMy7hK6mAmhEkQu/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/102697983032376988266" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-i2S8TIwXI-N8Yy5bTZKINytDjYEO3tdEjrXVPpKlCb1Krj2RF_HjOvT5tk_3DkPtVkuviAtru6Bii7m9MnkUR4BDCn_AJjnLVoHvjWZhn_cu818ddolsZPcxsIphy9sYnvO6qYeSTWjs/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/chandrutech" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixA_On6C9sCOHETsYROrau63vB09jA_Eddx93i7H5TftCkoESao85YwN0p-rUz9iNR893s6R8K9q5uc3LSKHizoZW5Jp2NcO2TIzanXa_NRYsZBbU-uMb_aFeOaQwfYE6h3bpzyaGYSbfr/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div>
<br/>
<a href="http://feeds.feedburner.com/bloggerwhist" 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>

DO THE FOLLOWING REPLACEMENTS

  • Replace bloggerwhist with your feed burner URL.(RSS Feed)
  • Replace bloggerwhist with your feed burner URL.(E-mail alert)
  • Replace bloggerwhist with your  facebook page URL.(Facebook)
  • Replace bloggerwhist with your  twitter page URL.(Twitter)
  • Replace 102697983032376988266 with your  google plus page URL.(Google plus)
  • Replace bloggerwhist with your  feed burner URL.(Feed counter)
  • Now save your gadget.
  • Done.
If you like this post share it


Get free daily email updates!

Follow us!

0 comments:

Post a Comment

Contact Form

Name

Email *

Message *

I Am On Wizpert

Recommended Post Slide Out For Blogger
Copyright © 2013Blogger Whist | Powered by Blogger