Fancy Round rotating social Media sharing Icons widget

Choosing beautiful and best Social media Icons play important role to give theme a professional look. 
Previously we have created and shared two widgets of social media sharing buttons which are Big Flat social sharing buttons widget and Fancy Rotating Social sharing buttons widget 2014. Today we are going to share a one more new Fancy Round rotating social Media sharing Icons widget. This widget is not completely created from ground level. We jut modify some changes from the existing one and make it more impressive and fancy. Check below it's demo and installations.

Live Deme:

See below  a live demo of this new Fancy Round rotating social Media sharing Icons widget.


 
 

Instalation of Big Round social Media sharing Icons widget:


  • To istall this widget follow below steps:
  • Goto blogger dashboard
  • goto Layout tab >> add Gadget >> HTML/javascript
  • In the gadget add the below code:

<style>
.pakmax-fancyshare img {
-webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.pakmax-fancyshare img:hover {
-webkit-transform: rotate(360deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
</style>
<center>
<div class="pakmax-fancyshare">
<a href="https://www.facebook.com/itmagzine" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP_1ax76KCiY_92O48c6GogEgvVZa77BLYFJAv274GwCe7ReUGue66EleqnT4jtW431xsJJB0VK5-SkAWi3E1dp5TemsjgpH6JKS0MlkEWJjMtO5Ungy2miuMwu7gd0RNWitxNLxL-34bu/h120/facebook.png" /></a>
<a href="https://twitter.com/MaherAfrasiab1" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLvnagGKsKPeIniwqC_xwiSen7qjMLCZJ7nUkX5ZYaHlqVTUKGnntgKtTIHrIaMkojnTEWZW4oCEvkoA7J6jgWRvzkDbL0rHveqG3wiA3wZfNPU4zam2HL2xd5SnxCnaYd8TIPzt08thAI/h120/twitter.png" /></a><br />
<a href="https://plus.google.com/u/0/112258697364094793999" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlm00gpDxjy_ZPa4DPNRGEETAPpXTtRxQVnbjJvZuy7coGJNoO1USRfYHR-Qh_tP4HJLsvozM-Z75pXHVdb2cg3TRpUS6UVIekBwCI17ThcFBUANBvZRoRIqgu6KJUYPUw4bf-4j-WBkOm/h120/g+.png" /></a>
<a href="http://feeds.feedburner.com/pakmax" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbhV2Wa95BJYTWw9ft-O3jrNJFij_hBqTYqg7q27adS8pR9f54YgGgtD6Q2XBCP7TJwH7MbHMFEYxBzt0fXjiMRm5_z74KwEcBDyqDhaR51SSCrCZ5e57skT6ZTswqiQVTEnCucMTf-Kh4/h120/Rss.png" /></a>
</div>
</center>

Customization 

Before going to save First you must have to do following customization. Just change the below URLs with your ones.

  1. https://www.facebook.com/itmagzine
  2. https://twitter.com/MaherAfrasiab1
  3. https://plus.google.com/u/0/112258697364094793999
  4. http://feeds.feedburner.com/pakmax

No comments:

Post a Comment