Skip to main content

Fancy Round rotating social Media sharing Icons widget for blogger

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>
Labels:

Comments

Post a Comment

Popular posts from this blog

How to Remove Powered by Blogger – Attribution Widget?

In this article, I will be demonstrating how to remove or hide attribution widget ‘Powered by Blogger’ in footer of blogger blogspot blogs.  Before going to the process,  backup your blogger template , while editing html code if anything goes wrong or template modified design doesn’t work or looks good you can restore from backed up template.  Here I have demonstrated you two methods for removing attribution widget. Some blogger templates may not support method 1 then you need to follow method 2 for successfully removing attribution widget. Method 1: Remove ‘Powered by Blogger’ by unlocking Attribution widget Step 1 : Go to your blog “Template” | click on “Edit HTML”. Step 2 : Here on drop-down “jump to widget” option and select Attribution 1 as shown below Step 3: After selecting Attribution 1 widget you will be able to see this line <b:widget id=’Attribution1′ locked=’true’ title=” type=’Attribution’>  on your blogger template. Step 5: Once done click on...
15 comments
Read more

How to get Google Assistant on your Windows, Mac, or Linux Machine

Google Assistant is Google’s answer to Amazon’s Alexa smart home assistant. Initially only available with limited functionality in the Google Allo application, Google Assistant later rolled out with the Google Home and Pixel smartphones to bring the full power of Google’s assistant to consumers. After a few months of waiting, smartphones running Android 6.0+ also received Google Assistant, and just a few days ago Google launched the Google Assistant SDK which allows Assistant to be run on basically any platform. Today, we will show you how to install Google Assistant onto your Windows, Mac, or Linux machine using Python. Note: at this point in time, this is purely for educational purposes. There’s no fancy GUI for you to play with, and installing Assistant requires you to use the command line. Get Google Assistant on Windows/Mac/Linux Machines Requirements: Python 3 You’ll need to have Python installed no matter whether or not you are using W...
Post a Comment
Read more

Fix for NET Framework 3.5 not installing on Windows 10

I'm a gamer at heart, so you can imagine how annoyed I was when I saw that a Windows 10 error was preventing me from running certain titles. Many modern games require  NET Framework 3.5 in order to run, but... whenever I tried to install it on my Windows 10, I got the " DISM failed. No operation was performed ." error message. Since I'm sure I'm not the only one facing this problem, I've decided to show everyone how to fix it. For those of you who are interested, the Net Framework is a programming infrastructure that Microsoft created to help developers build and deploy products that use .NET technology. Since there are a lot of applications and services that rely on .NET (Dot Net) for their functionality, you can imagine that this kind of error can be quite irritating. Here are a few solutions that you should try: Solution One This is the one that takes the least time, but you need to have the USB stick that contains the Windows 10 installer plugged into your...
Post a Comment
Read more