SHARE BUTTON IN METRO STYLE

I am going to show you how to make your
shre button in metro style with a script trick 
To add this widget's code go to Blog Title → Layout → Add Widget → HTML/JavaScript and paste the given code in the box opened.
and title name bestpcknowledge


<center>
<ul id="abt-social-icons">
<li class="rss-icon"><a href="http://feeds.feedburner.com/FEEDID" target="_blank"><img height="147" src="http://1.bp.blogspot.com/-0M62-


Stfcdc/Ud1ZFcVvCRI/AAAAAAAABuY/9_o8SRGny8U/s1600/rss.png" width="147" /></a></li>
<li class="twitter-icon"><a href="http://www.twitter.com/TWITTERHANDLE" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLHOmFW7UixYBrm4vmKFX397O5OL7hVwXeJ7ZjgGyEOWjZIYTRkfK9cllE0BxEsyowoXDHMxsfsty2WuLDPFdj-BSo9cAq0pOkKufSYxgBIPWKIuSBsEGAJlZSMMyHpDwbGNrrqIuP-Vs/s1600/twitter.png" width="147" /></a></li>
<li class="facebook-icon"><a href="http://www.facebook.com/PAGEID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJI7h0nePJJjt6XFQnztc8rmmLcsnssxn4qrUASLrkGhlTikUqTnN9eo1TPG6q5guGnyqGRff9zqQqwbnPBbC44KTvFq3l0b_gP8jdB4aYlsbzOdqheI1cEBQpNdlcUN-X_lqbnbHh2Y0/s1600/facebook.png" width="147" /></a></li>
<li class="google-icon"><a href="https://plus.google.com/YOURID" target="_blank"><img height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmE3Nu6huZJwjCEmoWvvra3DTeT-6tTk2htQErmRmCJSaqKxJOXbvmSdKfngV6xAgDuXM2RXd8l2UTwDYkwiQW6Zu3WcyhrB_eXfyvKUJxCOOdM3S-gqD28szcxTx4Stt3NdCBcdXJvcU/s1600/google.png" width="147" /></a></li>
</ul>
</center>
<style>
#abt-social-icons li {
float: left;
width: 147px;
height: 147px;
margin: 0 6px 6px 0;
padding: 0 0 0 0;
border-bottom: none;
list-style: none;
}
#abt-social-icons li a {
line-height: 1px;
display: block;
}

#abt-social-icons li a:hover img {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}

#abt-social-icons li a span {
display: none !important;
}
</style>


After adding the code change the Link in BOLD RED with your own IDs. Now save the widget and ultimately save the template.

Popular Posts