Add a Metro Style Social Widget for Blogger

          i know you searching for a best social widget for blogger. here i come with a new Metro Style Social widget with simple steps 

Metro Style Social Widget for Blogger

Support Us By Click This Link

Add a Metro Style Social Widget For Blogger :

• Sign in your Blogger Account and go to Dashboard.

• Go to Layout > Add a Gadget

• Select HTML/Java Script > Paste the below code

 <style>  #WG-social {  width:305px;  float:left;  margin-top:10px;  }    #WG-social li {  position:relative;  cursor:pointer;  padding:0!important;  }    #WG-social .fb,.tw,.gp,.fd {  position:relative;  -moz-transition:all .4s ease-in-out;  -webkit-transition:all .4s ease-in-out;  -o-transition:all .4s ease-in-out;  transition:all .4s ease-in-out;  z-index:5;  display:block;  float:left;  margin:1px;  }    #WG-social .fb {  width:150px;  height:152px;  background:url(//goo.gl/6xmUk) no-repeat center center #3b5998;  }    #WG-social .tw {  width:150px;  height:74px;  background:url(//goo.gl/oyiFK) no-repeat center center #3b5998;  }    #WG-social .gp {  width:150px;  height:74px;  background:url(//goo.gl/oT0kF) no-repeat center center #3b5998;  }      #WG-social .fd {  width:302px;  height:74px;  background:url(//goo.gl/ncoLY) no-repeat center center #3b5998;  }    #WG-social li:hover .fb {  -moz-transition:all .1s ease-in-out;  -webkit-transition:all .1s ease-in-out;  background:url(//goo.gl/MH8AP) no-repeat center center #3468b6;  }    #WG-social li:hover .tw {  background:url(//goo.gl/hHRHv) no-repeat center center #4099ff;  -moz-transition:all .1s ease-in-out;  -webkit-transition:all .1s ease-in-out;  }    #WG-social li:hover .gp {  background:url(//goo.gl/wva4B) no-repeat center center #e44524;  -moz-transition:all .1s ease-in-out;  -webkit-transition:all .1s ease-in-out;  }    #WG-social li:hover .fd {  background:url(//goo.gl/JFGqn) no-repeat center center #f60;  -moz-transition:all .1s ease-in-out;  -webkit-transition:all .1s ease-in-out;  }  </style>    <div class="WG" id="WG">  <ul id="WG-social">  <br/><a href='http://www.widgetgenerators.com/'></a>  <li><a class="fb" href="https://facebook.com/frubber"></a></li>  <li><a class="tw" href="http://www.twitter.com/Frubber_"></a></li>  <li><a class="gp" href="http://plus.google.com/104054726186018118384"></a></li>  <li> <a class="fd" href="http://feeds.feedburner.com/frubber"></a></li>  </ul>  </div>  <br/><a href='http://www.frubber.blogspot.com/'></a>   

•  Now save your gadget.

• Thats it.

Replace with your Social Id's :

Facebook >  Replace frubber by YOUR FACEBOOK ID

Twitter > Replace Frubber_ by YOUR TWITTER NAME

Google Plus > Replace 104054726186018118384 by YOUR GOOGLE PLUS ID

Feed url > Replace frubber by YOUR FEED ID

If you have any issues about installing feel free to contact us ...