How Add Metro Style Social Follow us Button in Blog of Blogger

Well I actually have earlier posted Metro Style Social Icons for Blogge that were the same as these buttons i'm posting these days, currently that they had constant zooming effect like these have however that had a special color distinction you'll make certain too, however currently if you're keen on simplicity then these sharing buttons can look awesome on your blog. These buttons have primarily five social websites, facebook, twitter, google+, youtube and your rss feed.

So currently you'll add your sites link to each button severally.Well these can zoom after you can hover over them and so anyone clicks on them are going to be taken thereto web site automatically. therefore currently check below steps and have fun.

Domo

• 
• 
• 
• 
• 

1. Open Blogger –> Template –> Edit HTML.
2. Now press Ctrl+F and search for ]]></b:skin> tag and paste below code above it.
(Read How to Add CSS in Blogger)

.rnhckr-bubblewrap{list-style-type:none;margin:0;padding:0;}.rnhckr-bubblewrap li{display:inline;width: 60px;height:60px;}.rnhckr-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}.rnhckr-bubblewrap li img:hover{-moz-transform:scale(1.8);-webkit-transform:scale(1.8);-o-transform:scale(1.8);}

3. Now Save Template and navigate to Blogger –> Layout –> Add Gadget.
4. Now choose HTML/JavaScript Gadget and add below code into it.

<ul class="rnhckr-bubblewrap"><li><a href="https://www.facebook.com/BloggerBlogBlogging"><img src="http://i.imgur.com/6AI7jNU.png" title="Follow Us on Facebook"/></a></li><li><a href="http://www.twitter/blogofblog"><img src="http://i.imgur.com/qWbojzO.png" title="Follow Us on Twitter"/></a></li><li><a href="https://plus.google.com/106634460422390492028"><img src="http://i.imgur.com/g8dACcy.png" title="Follow Us on G+"/></a></li><li><a href="http://www.youtube.com/thernhckr"><img src="http://i.imgur.com/WOWCE5P.png" title="Subscribe Us on Youtube"/></a></li><li><a href="http://feeds.feedburner.com/blogofblogger"><img src="http://i.imgur.com/SgONHEw.png" title="Subscribe Us on RSS Feed"/></a></li></ul>

Now just change the links with your own and hit Save.

Change -

BloggerBlogBlogging to your facebook username
blogofblog to your twitter user name
106634460422390492028 to your google+ user code
BlogofBlogger to your freeburner username

Now refresh your blog and see these awesome buttons dazzling.

You Also Like:

How to Add Social Media and Newsletter Buttons for Blog of Blogger

Add Animated Flying Twitter Birdwidget to Blogger Blogs (Updated)