Saturday 27 April 2013

Get Free Social buttons


Just copy the below code and pate it in the Layouts HTML/JavaScript



<style>  {padding: 2em 0 1.5em 50px;} .tech2meinfo span  a {display: block;width: 32px;height: 32px;text-indent: -9999px;background-color: none;background: transparent url("http://i1301.photobucket.com/albums/ag117/tech2meinfo/socialbuttons_zps4fbc2ba6.png") 0 0 no-repeat;} .tech2meinfo span {float: left;display: inline;margin-right: 8px;}
#iconTwitter,#iconFacebook,#iconRSS,#iconYouTube,#iconGooglePlus {transition:background-position .4s ease-in-out;-webkit-transition:background-position .4s ease-in-out; -o-transition:background-position .4s ease-in-out; -moz-transition:background-position .4s ease-in-out; -ms-transition:background-position .4s ease-in-out;}
#iconTwitter {background-position: -33px -33px;} #iconTwitter:hover {background-position: -33px 0;}
#iconFacebook {background-position: -66px -33px;} #iconFacebook:hover {background-position: -66px 0;}
#iconRSS {background-position: 0 -33px;} #iconRSS:hover {background-position: 0 0px;}
#iconYouTube {background-position: -99px -33px;} #iconYouTube:hover{background-position:-99px 0}
#iconGooglePlus {background-position: -132px -33px;} #iconGooglePlus:hover {background-position: -132px 0;}
.ads67 {border: 1px solid gainsboro;border-right-style: none;border-left-style: none;}

</style>
<div class=" tech2meinfo "> <span><a href="http://twitter.com/tech2meinfo" id="iconTwitter" target="_blank" title="Twitter: Tech2Me">Twitter</a></span> <span><a href="http://www.facebook.com/tech2meinfo" id="iconFacebook" target="_blank" title="Facebook: tech2meinfo">Facebook</a></span> <span><a href=" http://feeds.feedburner.com/blogspot/cvECK" id="iconRSS" target="_blank" title="RSS Feed: Tech2Me ">RSS</a></span> <span><a href="https://www.youtube.com/user/tech2meinfo" id="iconYouTube" target="_blank" title="YouTube Channel: Tech2Me ">YouTube</a></span> <span><a href=" https://plus.google.com/117994065898742764883/posts" id="iconGooglePlus" target="_blank" title="Google Plus: Tech2Me">Google</a></span> </div>




No comments:

Post a Comment