Metro UI Social Profiles Widget For Blogger

Social Promotion Can Definitely Increase your Traffic From Zero To Hundred . Here , 10% Traffic is Coming From Social Networking Website . THe Widget Is Created With Pure HTML and CSS , So This Will Not slow down The Load Speed Of A Website . As I Told In My Last Post , I Am Not A Professional In Creating Widgets , So Please Forgive And Report It If There Are Any Bugs . Social Promotion Is One Of The Most Essential Substances For A New Blog . A facebook Page ,A Twitter Profile and Also RSS Feeds And A Pinterest Profile Can Make Make Your Blog In Flying colours Which Every One Wants .  This Widget Contains The Social Profiles in  Facebook , Youtube , Twitter , Pinterest , Linkedin , Google Plus And Rss Feeds.

Steps 

1. Go To Blogger - Add a Gadget - HTML/Javascript
2. Now Copy THe Code and paste it inside
3. Make The Necessary Changes before changing

Source Coding

<style>.bk-metro{width:285px}.bk- metro li{position:relative;cursor:pointer;padding:0;list-style:none}

.bk-metro .bk-facebook,.bk-twitter,.bk-googleplus.bk-metro .bk-facebook,.bk-twitter,.bk-googleplus,.bk-pinterest,.bk-linkedin,.bk-youtube,.bk-feedburner{z-index:7;float:left;margin:1px;position:relative;display:block}

.bk-metro .bk-facebook{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}

.bk-metro .bk-twitter{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}

.bk-metro .bk-googleplus{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}

.bk-metro .bk-pinterest{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}

.bk-metro .bk-linkedin{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}

.bk-metro .bk-youtube{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}

.bk-metro .bk-feedburner{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}

.bk-metro li:hover .bk-facebook{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}

.bk-metro li:hover .bk-twitter{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}

.bkmetro li:hover .bk-googleplus{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}

.bk-metro li:hover .bk-pinterest{background:url(//goo.gl/IORvy) no-repeat center center #d73532}

.bk-metro li:hover .bk-linkedin{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}

.bk-metro li:hover .bk-youtube{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}

.bk-metro li:hover .bk-feedburner{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}

</style>.bk-metro .bk-facebook{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}.bk-metro .bk-twitter{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}.bk-metro .bk-googleplus{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}.bk-metro .bk-pinterest{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}.bk-metro .bk-linkedin{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}.bk-metro .bk-youtube{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}.bk-metro .bk-feedburner{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}.bk-metro li:hover .bk-facebook{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}.bk-metro li:hover .bk-twitter{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}.bkmetro li:hover .bk-googleplus{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}.bk-metro li:hover .bk-pinterest{background:url(//goo.gl/IORvy) no-repeat center center #d73532}.bk-metro li:hover .bk-linkedin{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}.bk-metro li:hover .bk-youtube{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}.bk-metro li:hover .bk-feedburner{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}</style>

<div class="bk-metro"><li><a class="bk-facebook" href="http://www.facebook.com/techprevue"></a></li><li><a class="bk-twitter" href="http://twitter.com/techprevue"></a></li><li><a class="bk-googleplus" href="https://plus.google.com/103741144523748761550"></a></li><li><a class="bk-pinterest" href="http://pinterest.com/vinayprajapati"></a></li><li><a class="bk-linkedin" href="https://www.linkedin.com/in/vinayprajapati"></a></li><li><a class="bk-youtube" href="http://www.youtube.com/prajapativinay"></a></li><li><a class="bk-feedburner" href="http://feeds.feedburner.com/techprevue"></a></li></div>