How To: Add Metro Style Social Subscription Button's To Blogger Blogs

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.
Metro Style Social Subscription
This is a Live Preview of Metro Subs Buttons!

Adding Metro Style Social Subscription Button's To Blogger Blog

You don't need to go to your template HTML editing area. You only have to copy and paste below coding and that's all. Now learn more by reading below.

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

<ul class="ABT-bubblewrap"><li><a href="https://www.facebook.com/AllBlogThings"><img src="http://i.imgur.com/6AI7jNU.png" title="Like Us on Facebook"/></a></li><li><a href="http://www.twitter/UmerPrinceWorld"><img src="http://i.imgur.com/qWbojzO.png" title="Follow Us on Twitter"/></a></li><li><a href="https://plus.google.com/+UmerPrince"><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/AllBlogThings"><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.

That's all. Congratulations: Your metro styled social subscription buttons widget is live on your blog. Open your blog and have a look. Don't worry this widget don't harm your blog. You can enjoy this widget without loosing blog loading speed.

COMMENTS

BLOGGER: 2
Loading...
Name

2016,18,2017,10,2018,8,Adsense,8,Affiliate Marketing,3,Alexa,1,Announcements,1,Apps,2,Ask Me,6,Back linking,5,Backup,1,Bing,1,Black Friday,1,Blockquote,1,Blogging,7,Blogging Mistakes,6,Books,1,Case Study,6,Content Marketing,16,CSS,4,Customization,20,Domains,6,eCommerce,1,Email Marketing,2,Entrepreneurs,12,Event Blogging,1,Exclusive,35,Facebook,6,Featured Snippet,1,Forums,2,Freebies,3,Freelancing,4,Giveaways,1,Google,10,Guest Contributions,72,Hosting,7,How To,107,Info graphic,19,Inspiration,4,Interviews,4,Keywords Research,1,Make Money,36,Newbie's Guide,67,News,22,NLB,9,Page Rank,2,PayPal,1,Pictorial,2,Posts,4,PSD Files,1,Quotes,5,Referral Earning,2,Review & Guide,16,Roundups,2,Self Improvement,1,Selling,1,SEO,39,SMO,4,Social Media,10,Startups,1,Technology,1,Templates,7,Tips and Tricks,55,Tools,4,Tops and Lists,39,Traffic,12,Twitter,2,Vlogging,2,Web Designing,10,Widgets,24,WordPress,10,Writing,26,YouTube,2,
ltr
item
AllBlogThings.com - Blogging Made Easy!: How To: Add Metro Style Social Subscription Button's To Blogger Blogs
How To: Add Metro Style Social Subscription Button's To Blogger Blogs
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. get this widget at blog post
http://2.bp.blogspot.com/-jDGf_F8xR7o/URYCKiAzldI/AAAAAAAAK1Y/msQddfYp7to/
http://2.bp.blogspot.com/-jDGf_F8xR7o/URYCKiAzldI/AAAAAAAAK1Y/msQddfYp7to/s72-c/
AllBlogThings.com - Blogging Made Easy!
http://www.allblogthings.com/2014/12/metro-style-social-subscription-buttons.html
http://www.allblogthings.com/
http://www.allblogthings.com/
http://www.allblogthings.com/2014/12/metro-style-social-subscription-buttons.html
true
8869657471256965778
UTF-8
Viewing All Posts Bad, Try Again VIEW ALL Read More Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED! LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back To Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec Just now About 1 minute ago $$1$$ minutes ago 1 hour ago About $$1$$ hours ago Yesterday About $$1$$ days ago About $$1$$ weeks ago More than some weeks ago Followers Follow THIS CONTENT IS MAY PREMIUM Please share to unlock this conten Copy All Code Select All Code All coding here were copied to your clip-board If You can't copy the coding or text here, please press CTRL+C or CMD+C with Mac to copy now