Big Flat social sharing buttons widget

Social media play important role to make any site popular. With social media we can get initial traffic to our site by sharing it on different social media networks like facebook and twitter. So choosing a perfect widget for social sharing is also very important to attract users toward them. We have created a beautiful big Flat social sharing Buttons widget. We think that big and flat in design may be seen more attractive to visitors along with some rotation. So we have added all the above properties in our this social sharing buttons widget.

Live Demo:

See below a live demo of this blogger widget:

Instalation of Big Flat social sharing buttons 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-Share img {
-webkit-transform: rotate(-5deg);
     -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-Share 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-Share">
<a href="https://www.facebook.com/itmagzine" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE49uDx7u_X7uhgQpfG8q1Bh2H41P0VmhonJ6LRL5Gw8cGCuzh8YyEZF-rZInFHTCDxHQsHch_zttpsN5osroePeqWnElbzQYQr4-9i7vh8FaHOibUD0Bg-Gd2XCrKUsbYtxR6H-OxIGod/h120/facebook.png" /></a>
<a href="https://twitter.com/MaherAfrasiab1" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEionXTQw6CUp_K7bwJbPiPXdUsQFp_WuIIY8YAWNl3ts2pK_e_vGy6DeQdfWagMnkahu54hcff0jyZwTtQG0J1yskfPsHQNz3gJw3Vg-o4oboH5rsippX2Q72Oszkj_yWhnSTLpus3G6bUy/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/AVvXsEiwgMZ-wB0eYe0hcJEom-FE5CgeTS_JgVSqaxqeYh5ITf7V_gwBy2L1twsS2afTcCDRx1MaNYrKs_sw7jZOShVJcwnsPPo5uiAa8gMI9Gd83IlTC5mmVRY3SmqJRKrvE36teJ5mzSQpH09-/h120/g+.png" /></a>
<a href="http://feeds.feedburner.com/pakmax" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheXBCgZEXaxsvepEO_274qY7_8Caw6iyxI7dfO1loDRWSygH-R4F_S1Nl0sD8UjTR77VjQ8IYXzvmwiduGCNJqHHUUiPAwKyvWQrU2TbqcdHdMuoKmpmCdhk_i7kpJ02KS1IaELCM7ZJOb/h120/rss.png" /></a>
</div>
</center>
</div>

Customization:

Change all the bold URLs with your ones. and then save your Gadget.

Need Help!?

If you need any type of help then comment below we try to solve you out as early as possible. We hope that you like this widget and this may helpful to you.

If you want to get more gadgets like this and our new upcoming tutorials FREE direct in your inbox then enter your email address in the below box and subscribe with us.