Animated Social Subscribing icons for Blogger

Unknown | 01:37 | |

Pin It Now!
We have already provided you post on how you can add social sharing buttons for blog post but in this post we are providing you a brand new social subscribing buttons which you can be used as a sidebar widget for your blog this widget contain three most usefull sharing buttons i.e. Google+, Twitter, Facebook and its very simple to add it to your blog







STEPS

1,Go to Blogger Dashbord>Layout>Add a Gadget.
2.Now choose HTML/Javascript.
We are providing this widget in four different styles.
3.Now paste the code of any style provided below in content box of HTML/javascript(Customize the code before saving customizations given at the bottom of post)

STYLE 1

<style type="text/css">.md-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md-wrapper li{float:left;}.md-wrapper ol,ul{list-style:none;}.md-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;position:relative;}.md-wrapper li .md-gplus{background-position:0px 0px;}.md-wrapper li .md-twitter{background-position:-68px 0px;}.md-wrapper li .md-facebook{background-position:-204px 0px;}.md-wrapper li a span{width:100px;height:auto;line-height:20px;padding:10px;left:50%;margin-left:-64px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:4px solid #fff;background:rgbaundefined255,255,255,0.3);text-indent:0px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;pointer-events:none;bottom:100px;opacity:0;/*box-shadow*/-webkit-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md-wrapper li a span:before,.md-wrapper li a span:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgbaundefined0,0,0,0.1);}.md-wrapper li a span:after{bottom:-14px;margin-left:-10px;border-top:10px solid #fff;}.md-wrapper li a:hover span{opacity:0.9;bottom:70px;}.md2-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md2-wrapper li{float:left;}.md2-wrapper ol,ul{list-style:none;}.md2-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;position:relative;z-index:2;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;}.md2-wrapper li .tt-gplus{background-position:0px 0px;}.md2-wrapper li .md2-twitter{background-position:-68px 0px;}.md2-wrapper li .md2-facebook{background-position:-204px 0px;}.md2-wrapper li a span{width:80px;height:80px;line-height:80px;padding:10px;left:50%;margin-left:-55px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:5px solid #fff;background:rgbaundefined255,255,255,0.5);text-indent:0px;position:absolute;pointer-events:none;/*border-radius*/-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:-40px;opacity:0;/*box-shadow*/-webkit-box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);-moz-box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);/*transform*/-webkit-transform:scaleundefined0.2);-moz-transform:scaleundefined0.2);-ms-transform:scaleundefined0.2);-o-transform:scaleundefined0.2);transform:scaleundefined0.2);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md2-wrapper li a:hover span{opacity:0.9;bottom:50px;/*transform*/-webkit-transform:scaleundefined1);-moz-transform:scaleundefined1);-ms-transform:scaleundefined1);-o-transform:scaleundefined1);transform:scaleundefined1);}.md3-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md3-wrapper li{float:left;}.md3-wrapper ol,ul{list-style:none;}.md3-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;position:relative;z-index:2;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;}.md3-wrapper li .md3-gplus{background-position:0px 0px;}.md3-wrapper li .md3-twitter{background-position:-68px 0px;}.md3-wrapper li .md3-facebook{background-position:-204px 0px;}.md3-wrapper li a span{width:80px;height:auto;padding:10px;left:50%;margin-left:-55px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:5px solid #fff;background:rgbaundefined255,255,255,0.5);text-indent:0px;position:absolute;pointer-events:none;bottom:-40px;opacity:0;/*box-shadow*/-webkit-box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;/*transform*/-webkit-transform:rotateundefined0deg) scaleundefined0);-moz-transform:rotateundefined0deg) scaleundefined0);-ms-transform:rotateundefined0deg) scaleundefined0);-o-transform:rotateundefined0deg) scaleundefined0);transform:rotateundefined0deg) scaleundefined0);}.md3-wrapper li a:hover span{opacity:0.9;bottom:100px;/*transform*/-webkit-transform:rotateundefined-90deg) scaleundefined1);-moz-transform:rotateundefined-90deg) scaleundefined1);-ms-transform:rotateundefined-90deg) scaleundefined1);-o-transform:rotateundefined-90deg) scaleundefined1);transform:rotateundefined-90deg) scaleundefined1);}.md4-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md4-wrapper li{float:left;}.md-wrapper ol,ul{list-style:none;}.md4-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;position:relative;}.md4-wrapper li .md4-gplus{background-position:0px 0px;}.md4-wrapper li .md4-twitter{background-position:-68px 0px;}.md4-wrapper li .md4-facebook{background-position:-204px 0px;}.md4-wrapper li a span{width:100px;height:auto;line-height:20px;padding:10px;left:50%;margin-left:-64px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:4px solid #fff;background:rgbaundefined255,255,255,0.3);text-indent:0px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;bottom:70px;opacity:0;visibility:visible;pointer-events:none;/*box-shadow*/-webkit-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);/*transform*/-webkit-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-moz-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-ms-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-o-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md4-wrapper li a span:before,.md4-wrapper li a span:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgbaundefined0,0,0,0.1);}.md4-wrapper li a span:after{bottom:-14px;margin-left:-10px;border-top:10px solid #fff;}.md4-wrapper li a:hover span{visibility:visible;opacity:0.9;/*transform*/-webkit-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-moz-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-ms-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-o-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);transform:translateundefined0px) rotateundefined0deg) scaleundefined1);}</style>

<ul class="md-wrapper"><li>
<a class="md-gplus" href="https://plus.google.com/u/0/118384581860977679645"><span>Google Plus</span></a></li>
<li><a class="md-twitter" href="https://www.twitter.com/way2bloggerz"><span>Twitter</span></a></li>
<li><a class="md-facebook" href="https://www.facebook.com/way2bloggerz"><span>Facebook</span></a></li></ul>

STYLE 2

<style type="text/css">.md-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md-wrapper li{float:left;}.md-wrapper ol,ul{list-style:none;}.md-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;position:relative;}.md-wrapper li .md-gplus{background-position:0px 0px;}.md-wrapper li .md-twitter{background-position:-68px 0px;}.md-wrapper li .md-facebook{background-position:-204px 0px;}.md-wrapper li a span{width:100px;height:auto;line-height:20px;padding:10px;left:50%;margin-left:-64px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:4px solid #fff;background:rgbaundefined255,255,255,0.3);text-indent:0px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;pointer-events:none;bottom:100px;opacity:0;/*box-shadow*/-webkit-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md-wrapper li a span:before,.md-wrapper li a span:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgbaundefined0,0,0,0.1);}.md-wrapper li a span:after{bottom:-14px;margin-left:-10px;border-top:10px solid #fff;}.md-wrapper li a:hover span{opacity:0.9;bottom:70px;}.md2-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md2-wrapper li{float:left;}.md2-wrapper ol,ul{list-style:none;}.md2-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;position:relative;z-index:2;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;}.md2-wrapper li .tt-gplus{background-position:0px 0px;}.md2-wrapper li .md2-twitter{background-position:-68px 0px;}.md2-wrapper li .md2-facebook{background-position:-204px 0px;}.md2-wrapper li a span{width:80px;height:80px;line-height:80px;padding:10px;left:50%;margin-left:-55px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:5px solid #fff;background:rgbaundefined255,255,255,0.5);text-indent:0px;position:absolute;pointer-events:none;/*border-radius*/-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:-40px;opacity:0;/*box-shadow*/-webkit-box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);-moz-box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);/*transform*/-webkit-transform:scaleundefined0.2);-moz-transform:scaleundefined0.2);-ms-transform:scaleundefined0.2);-o-transform:scaleundefined0.2);transform:scaleundefined0.2);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md2-wrapper li a:hover span{opacity:0.9;bottom:50px;/*transform*/-webkit-transform:scaleundefined1);-moz-transform:scaleundefined1);-ms-transform:scaleundefined1);-o-transform:scaleundefined1);transform:scaleundefined1);}.md3-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md3-wrapper li{float:left;}.md3-wrapper ol,ul{list-style:none;}.md3-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;position:relative;z-index:2;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;}.md3-wrapper li .md3-gplus{background-position:0px 0px;}.md3-wrapper li .md3-twitter{background-position:-68px 0px;}.md3-wrapper li .md3-facebook{background-position:-204px 0px;}.md3-wrapper li a span{width:80px;height:auto;padding:10px;left:50%;margin-left:-55px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:5px solid #fff;background:rgbaundefined255,255,255,0.5);text-indent:0px;position:absolute;pointer-events:none;bottom:-40px;opacity:0;/*box-shadow*/-webkit-box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;/*transform*/-webkit-transform:rotateundefined0deg) scaleundefined0);-moz-transform:rotateundefined0deg) scaleundefined0);-ms-transform:rotateundefined0deg) scaleundefined0);-o-transform:rotateundefined0deg) scaleundefined0);transform:rotateundefined0deg) scaleundefined0);}.md3-wrapper li a:hover span{opacity:0.9;bottom:100px;/*transform*/-webkit-transform:rotateundefined-90deg) scaleundefined1);-moz-transform:rotateundefined-90deg) scaleundefined1);-ms-transform:rotateundefined-90deg) scaleundefined1);-o-transform:rotateundefined-90deg) scaleundefined1);transform:rotateundefined-90deg) scaleundefined1);}.md4-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md4-wrapper li{float:left;}.md-wrapper ol,ul{list-style:none;}.md4-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;position:relative;}.md4-wrapper li .md4-gplus{background-position:0px 0px;}.md4-wrapper li .md4-twitter{background-position:-68px 0px;}.md4-wrapper li .md4-facebook{background-position:-204px 0px;}.md4-wrapper li a span{width:100px;height:auto;line-height:20px;padding:10px;left:50%;margin-left:-64px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:4px solid #fff;background:rgbaundefined255,255,255,0.3);text-indent:0px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;bottom:70px;opacity:0;visibility:visible;pointer-events:none;/*box-shadow*/-webkit-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);/*transform*/-webkit-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-moz-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-ms-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-o-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md4-wrapper li a span:before,.md4-wrapper li a span:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgbaundefined0,0,0,0.1);}.md4-wrapper li a span:after{bottom:-14px;margin-left:-10px;border-top:10px solid #fff;}.md4-wrapper li a:hover span{visibility:visible;opacity:0.9;/*transform*/-webkit-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-moz-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-ms-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-o-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);transform:translateundefined0px) rotateundefined0deg) scaleundefined1);}</style>

<ul class="md4-wrapper"><li>
<a class="md4-gplus" href="https://plus.google.com/u/0/118384581860977679645"><span>Google Plus</span></a></li>
<li><a class="md4-twitter" href="https://www.twitter.com/way2bloggerz"><span>Twitter</span></a></li>
<li><a class="md4-facebook" href="https://www.facebook.com/way2bloggerz"><span>Facebook</span></a></li></ul>

STYLE 3

<style type="text/css">.md-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md-wrapper li{float:left;}.md-wrapper ol,ul{list-style:none;}.md-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;position:relative;}.md-wrapper li .md-gplus{background-position:0px 0px;}.md-wrapper li .md-twitter{background-position:-68px 0px;}.md-wrapper li .md-facebook{background-position:-204px 0px;}.md-wrapper li a span{width:100px;height:auto;line-height:20px;padding:10px;left:50%;margin-left:-64px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:4px solid #fff;background:rgbaundefined255,255,255,0.3);text-indent:0px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;pointer-events:none;bottom:100px;opacity:0;/*box-shadow*/-webkit-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md-wrapper li a span:before,.md-wrapper li a span:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgbaundefined0,0,0,0.1);}.md-wrapper li a span:after{bottom:-14px;margin-left:-10px;border-top:10px solid #fff;}.md-wrapper li a:hover span{opacity:0.9;bottom:70px;}.md2-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md2-wrapper li{float:left;}.md2-wrapper ol,ul{list-style:none;}.md2-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;position:relative;z-index:2;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;}.md2-wrapper li .tt-gplus{background-position:0px 0px;}.md2-wrapper li .md2-twitter{background-position:-68px 0px;}.md2-wrapper li .md2-facebook{background-position:-204px 0px;}.md2-wrapper li a span{width:80px;height:80px;line-height:80px;padding:10px;left:50%;margin-left:-55px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:5px solid #fff;background:rgbaundefined255,255,255,0.5);text-indent:0px;position:absolute;pointer-events:none;/*border-radius*/-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:-40px;opacity:0;/*box-shadow*/-webkit-box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);-moz-box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);/*transform*/-webkit-transform:scaleundefined0.2);-moz-transform:scaleundefined0.2);-ms-transform:scaleundefined0.2);-o-transform:scaleundefined0.2);transform:scaleundefined0.2);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md2-wrapper li a:hover span{opacity:0.9;bottom:50px;/*transform*/-webkit-transform:scaleundefined1);-moz-transform:scaleundefined1);-ms-transform:scaleundefined1);-o-transform:scaleundefined1);transform:scaleundefined1);}.md3-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md3-wrapper li{float:left;}.md3-wrapper ol,ul{list-style:none;}.md3-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;position:relative;z-index:2;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;}.md3-wrapper li .md3-gplus{background-position:0px 0px;}.md3-wrapper li .md3-twitter{background-position:-68px 0px;}.md3-wrapper li .md3-facebook{background-position:-204px 0px;}.md3-wrapper li a span{width:80px;height:auto;padding:10px;left:50%;margin-left:-55px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:5px solid #fff;background:rgbaundefined255,255,255,0.5);text-indent:0px;position:absolute;pointer-events:none;bottom:-40px;opacity:0;/*box-shadow*/-webkit-box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;/*transform*/-webkit-transform:rotateundefined0deg) scaleundefined0);-moz-transform:rotateundefined0deg) scaleundefined0);-ms-transform:rotateundefined0deg) scaleundefined0);-o-transform:rotateundefined0deg) scaleundefined0);transform:rotateundefined0deg) scaleundefined0);}.md3-wrapper li a:hover span{opacity:0.9;bottom:100px;/*transform*/-webkit-transform:rotateundefined-90deg) scaleundefined1);-moz-transform:rotateundefined-90deg) scaleundefined1);-ms-transform:rotateundefined-90deg) scaleundefined1);-o-transform:rotateundefined-90deg) scaleundefined1);transform:rotateundefined-90deg) scaleundefined1);}.md4-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md4-wrapper li{float:left;}.md-wrapper ol,ul{list-style:none;}.md4-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;position:relative;}.md4-wrapper li .md4-gplus{background-position:0px 0px;}.md4-wrapper li .md4-twitter{background-position:-68px 0px;}.md4-wrapper li .md4-facebook{background-position:-204px 0px;}.md4-wrapper li a span{width:100px;height:auto;line-height:20px;padding:10px;left:50%;margin-left:-64px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:4px solid #fff;background:rgbaundefined255,255,255,0.3);text-indent:0px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;bottom:70px;opacity:0;visibility:visible;pointer-events:none;/*box-shadow*/-webkit-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);/*transform*/-webkit-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-moz-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-ms-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-o-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md4-wrapper li a span:before,.md4-wrapper li a span:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgbaundefined0,0,0,0.1);}.md4-wrapper li a span:after{bottom:-14px;margin-left:-10px;border-top:10px solid #fff;}.md4-wrapper li a:hover span{visibility:visible;opacity:0.9;/*transform*/-webkit-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-moz-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-ms-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-o-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);transform:translateundefined0px) rotateundefined0deg) scaleundefined1);}</style>

<ul class="md2-wrapper"><li>
<a class="md2-gplus" href="https://plus.google.com/u/0/118384581860977679645"><span>Google Plus</span></a></li>
<li><a class="md2-twitter" href="https://www.twitter.com/way2bloggerz"><span>Twitter</span></a></li>
<li><a class="md2-facebook" href="https://www.facebook.com/way2bloggerz"><span>Facebook</span></a></li></ul>

STYLE 4

<style type="text/css">.md-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md-wrapper li{float:left;}.md-wrapper ol,ul{list-style:none;}.md-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;position:relative;}.md-wrapper li .md-gplus{background-position:0px 0px;}.md-wrapper li .md-twitter{background-position:-68px 0px;}.md-wrapper li .md-facebook{background-position:-204px 0px;}.md-wrapper li a span{width:100px;height:auto;line-height:20px;padding:10px;left:50%;margin-left:-64px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:4px solid #fff;background:rgbaundefined255,255,255,0.3);text-indent:0px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;pointer-events:none;bottom:100px;opacity:0;/*box-shadow*/-webkit-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md-wrapper li a span:before,.md-wrapper li a span:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgbaundefined0,0,0,0.1);}.md-wrapper li a span:after{bottom:-14px;margin-left:-10px;border-top:10px solid #fff;}.md-wrapper li a:hover span{opacity:0.9;bottom:70px;}.md2-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md2-wrapper li{float:left;}.md2-wrapper ol,ul{list-style:none;}.md2-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;position:relative;z-index:2;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;}.md2-wrapper li .tt-gplus{background-position:0px 0px;}.md2-wrapper li .md2-twitter{background-position:-68px 0px;}.md2-wrapper li .md2-facebook{background-position:-204px 0px;}.md2-wrapper li a span{width:80px;height:80px;line-height:80px;padding:10px;left:50%;margin-left:-55px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:5px solid #fff;background:rgbaundefined255,255,255,0.5);text-indent:0px;position:absolute;pointer-events:none;/*border-radius*/-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:-40px;opacity:0;/*box-shadow*/-webkit-box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);-moz-box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);box-shadow:0px 3px 8px rgbaundefined0,0,0,0.1);/*transform*/-webkit-transform:scaleundefined0.2);-moz-transform:scaleundefined0.2);-ms-transform:scaleundefined0.2);-o-transform:scaleundefined0.2);transform:scaleundefined0.2);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md2-wrapper li a:hover span{opacity:0.9;bottom:50px;/*transform*/-webkit-transform:scaleundefined1);-moz-transform:scaleundefined1);-ms-transform:scaleundefined1);-o-transform:scaleundefined1);transform:scaleundefined1);}.md3-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md3-wrapper li{float:left;}.md3-wrapper ol,ul{list-style:none;}.md3-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;position:relative;z-index:2;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;}.md3-wrapper li .md3-gplus{background-position:0px 0px;}.md3-wrapper li .md3-twitter{background-position:-68px 0px;}.md3-wrapper li .md3-facebook{background-position:-204px 0px;}.md3-wrapper li a span{width:80px;height:auto;padding:10px;left:50%;margin-left:-55px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:5px solid #fff;background:rgbaundefined255,255,255,0.5);text-indent:0px;position:absolute;pointer-events:none;bottom:-40px;opacity:0;/*box-shadow*/-webkit-box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:0px 1px 2px rgbaundefined0,0,0,0.1);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;/*transform*/-webkit-transform:rotateundefined0deg) scaleundefined0);-moz-transform:rotateundefined0deg) scaleundefined0);-ms-transform:rotateundefined0deg) scaleundefined0);-o-transform:rotateundefined0deg) scaleundefined0);transform:rotateundefined0deg) scaleundefined0);}.md3-wrapper li a:hover span{opacity:0.9;bottom:100px;/*transform*/-webkit-transform:rotateundefined-90deg) scaleundefined1);-moz-transform:rotateundefined-90deg) scaleundefined1);-ms-transform:rotateundefined-90deg) scaleundefined1);-o-transform:rotateundefined-90deg) scaleundefined1);transform:rotateundefined-90deg) scaleundefined1);}.md4-wrapper{padding:0;width:435px;height:70px;margin:80px auto 30px auto;}.md4-wrapper li{float:left;}.md-wrapper ol,ul{list-style:none;}.md4-wrapper li a{display:block;width:68px;height:70px;margin:0 2px;outline:none;background:transparent urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKlH6tAlxp6npD3znXDx01EGP-40KxzYe1QopyrvV-4ke3Ql3jnxhF9fhGxt2VzeQSqi4PxbVl6C9q7rPkqqy7Me5rGs1WhpLTy9NbmdzdIOsUdIusjrDa0LO9QgyVzfAII2QgM_2t7j1i/s1600/%255Bwww.gj37765.blogspot.com%255D_social_gunman_icons.png) no-repeat top left;text-indent:-9000px;position:relative;}.md4-wrapper li .md4-gplus{background-position:0px 0px;}.md4-wrapper li .md4-twitter{background-position:-68px 0px;}.md4-wrapper li .md4-facebook{background-position:-204px 0px;}.md4-wrapper li a span{width:100px;height:auto;line-height:20px;padding:10px;left:50%;margin-left:-64px;font-family:'Alegreya SC', Georgia, serif;font-weight:400;font-style:italic;font-size:14px;color:#719DAB;text-shadow:1px 1px 1px rgbaundefined0, 0, 0, 0.1);text-align:center;border:4px solid #fff;background:rgbaundefined255,255,255,0.3);text-indent:0px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;bottom:70px;opacity:0;visibility:visible;pointer-events:none;/*box-shadow*/-webkit-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);-moz-box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);box-shadow:1px 1px 2px rgbaundefined0,0,0,0.1);/*transform*/-webkit-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-moz-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-ms-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);-o-transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);transform:translateundefined35px) rotateundefined25deg) scaleundefined1.5);/*transition*/-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.md4-wrapper li a span:before,.md4-wrapper li a span:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgbaundefined0,0,0,0.1);}.md4-wrapper li a span:after{bottom:-14px;margin-left:-10px;border-top:10px solid #fff;}.md4-wrapper li a:hover span{visibility:visible;opacity:0.9;/*transform*/-webkit-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-moz-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-ms-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);-o-transform:translateundefined0px) rotateundefined0deg) scaleundefined1);transform:translateundefined0px) rotateundefined0deg) scaleundefined1);}</style>

<ul class="md3-wrapper"><li>
<a class="md3-gplus" href="https://plus.google.com/u/0/118384581860977679645"><span>Google Plus</span></a></li>
<li><a class="md3-twitter" href="https://www.twitter.com/way2bloggerz"><span>Twitter</span></a></li>
<li><a class="md3-facebook" href="https://www.facebook.com/way2bloggerz"><span>Facebook</span></a></li></ul>

CUSTOMIZATION

1.Replace 118381860977679645 with your Google+ ID in line 4 .
2.Replace way2bloggerz with your twitter username in line 5.
3.Replace way2bloggerz with your facebook username in line 6.


ENJOY.........................

Pin It Now!

2 comments:

  1. great , useful , nice badhiya Jankari.


    visit my site www.techindiaz.com

    ReplyDelete