How To Add Metro Style Social Subscription Button's To Blogger . ~ Khatris Creation

hello readers welcome to khatriscreation Let's learn how to Add Metro Style Social Subscription Button's To Blogger Blogs. As "Metro" style is now taking place in web designing and all web designers love to make metro styled widgets and templates. This is kinda original metro subscription widget with zooming effect when hover. It means you can easily give your blog design's a good and professional look. This widget have five social network buttons such as Facebook, Twitter, Google+, YouTube and RSS Feed. So! the five buttons make this widget all-in-one social sharing/subscription box.

Adding Metro Style Social Subscription Button's To Blogger.

1. Just go to Blogger Dashboard, Select your Blog
2. Navigate to Layout section of your selected blog
3. Now click on Add a Gadget button → select HTML/JavaScript
4. Copy and paste below coding into HTML/JavaScript box

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

<ul class="kc-bubblewrap"><li><a href="https://www.facebook.com/khatriscreation"><img src="http://i.imgur.com/6AI7jNU.png" title="Like Us on Facebook"/></a></li><li><a href="http://www.twitter/khatriscreation"><img src="http://i.imgur.com/qWbojzO.png" title="Follow Us on Twitter"/></a></li><li><a href="https://plus.google.com/103411954659172316653"><img src="http://i.imgur.com/g8dACcy.png" title="Circle Us on G+"/></a></li><li><a href="#"><img src="http://i.imgur.com/WOWCE5P.png" title="We are on Youtube"/></a></li><li><a href="http://feeds.feedburner.com/khatriscreation"><img src="http://i.imgur.com/SgONHEw.png" title="Subscribe to Our RSS Feed"/></a></li></ul>

Don't click on Save button, you have to make some customization for this widget to work fine.

5. Replace RED colored texts with your social profile links. Then click on Save button.

all is done //////

That's all. Congratulations: Your metro styled social subscription buttons widget is live on your blog. Open your blog and have a look.

About sudarshan khatri

Welcome To khatriscreation And Let Me First Introduce Myself. I’m Sudarshan khatri From Nepal And I Manage khatriscreation. I’m Not A Professional Blogger By Education I’m Self Trained Guy And I Am 13 Years Old. Well Talking About Me I’m A Normal Guy Who Lives The Life Fullest, Loves Searching New Things On Internet.I love to share my expenience and education to the peoples so i have managed this blog .khatriscreation is totally about blogging,seo,widgets and blogging tips.