Sunday, September 8, 2013

How To Add Metro Styled Social Button To Blogger

These months metro style populated with windows 8. Lot of bloggers using metro styled templates, widgets, fonts  etc. This tutorial will show you how to add metro styled social buttons with mouse hover zoom in effect.

You can add this to sidebar ,header, footer anywhere. Follow these steps to add it

  • Login to blogger dashboard--->Layout
  • Click "Add a gadget" with place you want


  • Select "HTML/Javascript" widget

  •  Add title if you like and add this code as content

<style>.techfurk-bubblewrap{list-style-type:none;margin:0;padding:0;}.techfurk-bubblewrap li{display:inline;width: 60px;height:60px;}.techfurk-bubblewrap li img{width: 40px;height: 40px;border:0;margin-right: 4px;-webkit-transition:-webkit-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in}.techfurk-bubblewrap li img:hover{-moz-transform:scale(1.8);-webkit-transform:scale(1.8);-o-transform:scale(1.8);}</style>

     <ul class="techfurk-bubblewrap"><li><a href="https://www.facebook.com/techfurk"><img src="http://i.imgur.com/6AI7jNU.png" title="Follow Us on Facebook"/></a></li><li><a href="http://www.twitter/techfurk"><img src="http://i.imgur.com/qWbojzO.png" title="Follow Us on Twitter"/></a></li><li><a href="https://plus.google.com/117555099026238263842"><img src="http://i.imgur.com/g8dACcy.png" title="Follow Us on G+"/></a></li><li><a href="http://www.youtube.com/techfurk"><img src="http://i.imgur.com/WOWCE5P.png" title="Subscribe Us on Youtube"/></a></li><li><a href="http://feeds.feedburner.com/techfurk"><img src="http://i.imgur.com/SgONHEw.png" title="Subscribe Us on RSS Feed"/></a></li></ul><font size="1"><a href="http://techfurk.com" ref="dofollow">.</a></font>

Change these social links with your links. Then save widget. Don't remove links to us. these links not visible on the widget.

Spread The Love, Share Our Article


  1. Do you find some new features like growth hacking or more you may visit here ColibriTool You have described comprehensively how to use parting reports in Google Analytics to set up ad scheduling in Google Adwords. It is very easy to understand with help of snapshots taken by you. It is looking very easy after reading you article. ColibriTool is the excellent SEO tool which is integrated with Google Analytics and provide you so many services.



 about US

SoftGlad is a leading blog which providing Latest News, Social Media, Web Design, Blogging, PC tutorials and many other stuffs. We will always trying to relate with our valuable readers by updating the quality contents. There are millions of blogs which providing technological knowledge but our goal is to provide dainty articles and useful technological knowledge.
See More


RECENT Comment