Today we are going to share a one more new Fancy Round rotating social Media sharing Icons widget. This widget is completely created from ground level. We also made some changes from the existing one and make it more impressive and fancy. Check below it's demo and installations.Choosing beautiful and best Social media Icons play important role to give theme a professional look.
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(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<center>
<div class="Hancie-fancyshare">
<a href="https://www.facebook.com/wanemclub" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4C7L6NArjFNV4vzTV4_4M_Tzy6dhA1IB87S6ombafkh1BktnSnJNC3ep2ScHgtVqjXLYg0WAY0yg1tzXenuF5vr4QOXXS2JLmXeSMSX3-QhfusAANQ_x1tdhTniiWrzBniqSrlqC0i9pM/h120/facebook.png" /></a>
<a href="https://twitter.com/hancie_phago" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp7rrnBJ1x4nSyTtFERX4m_anxmOPhx7PKO70cJdv0xcLMIBO5dMK1U8z2Vjo9YOrDxkeleUFynqSqIkan-n8PuRehJ53xusX2ulIgk8h3UWiknkgE7iWrDHcOGsejS4GcosfgCZc0WpHv/h120/twitter.png" /></a><br />
<a href="https://plus.google.com/u/0/107878653031474257220" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCfGcNiQ1Bfvd2D8xhbmbPmvG7rkjPY80E2zxJ-DQgvx8x3zGEVylyhbG2hIreWUGzV98qLJy_J3o0HVC4i_bWzrVB1ckykLJSr1hzM_mw0scjZMxrmcTzuIUFFPX5dtwYVSxTNI_iqfzY/h120/g+.png" /></a>
<a href="http://feeds.feedburner.com/wanemclub" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYzwV4ZaHtZr3BcJi8g73zj_EhAQbaIzi79BxQ_1m1gEP15LUYU_CZJWRIXeQFkv5xXeGSk2CJ6_RnnfCX5XASNx-3K_I6O5iazmlM2wie5siF5BKya8LBvf8lNsOXFWJj1QIKoz3hbR2Y/h120/Rss.png" /></a>
</div>
</center>
.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(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<center>
<div class="Hancie-fancyshare">
<a href="https://www.facebook.com/wanemclub" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4C7L6NArjFNV4vzTV4_4M_Tzy6dhA1IB87S6ombafkh1BktnSnJNC3ep2ScHgtVqjXLYg0WAY0yg1tzXenuF5vr4QOXXS2JLmXeSMSX3-QhfusAANQ_x1tdhTniiWrzBniqSrlqC0i9pM/h120/facebook.png" /></a>
<a href="https://twitter.com/hancie_phago" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp7rrnBJ1x4nSyTtFERX4m_anxmOPhx7PKO70cJdv0xcLMIBO5dMK1U8z2Vjo9YOrDxkeleUFynqSqIkan-n8PuRehJ53xusX2ulIgk8h3UWiknkgE7iWrDHcOGsejS4GcosfgCZc0WpHv/h120/twitter.png" /></a><br />
<a href="https://plus.google.com/u/0/107878653031474257220" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCfGcNiQ1Bfvd2D8xhbmbPmvG7rkjPY80E2zxJ-DQgvx8x3zGEVylyhbG2hIreWUGzV98qLJy_J3o0HVC4i_bWzrVB1ckykLJSr1hzM_mw0scjZMxrmcTzuIUFFPX5dtwYVSxTNI_iqfzY/h120/g+.png" /></a>
<a href="http://feeds.feedburner.com/wanemclub" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYzwV4ZaHtZr3BcJi8g73zj_EhAQbaIzi79BxQ_1m1gEP15LUYU_CZJWRIXeQFkv5xXeGSk2CJ6_RnnfCX5XASNx-3K_I6O5iazmlM2wie5siF5BKya8LBvf8lNsOXFWJj1QIKoz3hbR2Y/h120/Rss.png" /></a>
</div>
</center>
Comments
Post a Comment