In this matter will be put beautiful buttons for the most important social sites.
This last Ttimz simplicity and the impact of the passage of the mouse on the buttons
1. Go to "layout" and click the "Add gadget" link on the right side.
2. From the pop-up window, scroll down and select "HTML/JavaScript" gadget.
3. Paste the code of the chosen widget found below it.
4. Hit the "save" button....and that's it!
Code
<div class="abt-social-slide">
<ul>
<li><a class="facebook" href="http://google-analytics-wordpress.blogspot.com/" target="_blank">facebook</a></li>
<li><a class="twitter" href="http://google-analytics-wordpress.blogspot.com/" target="_blank">twitter</a></li>
<li><a class="google-p" href="http://google-analytics-wordpress.blogspot.com/" target="_blank">google-p</a></li>
<li><a class="rss" href="http://google-analytics-wordpress.blogspot.com/" target="_blank">rss</a></li>
</ul>
</div>
<style>
.abt-social-slide ul li{list-style:none;border-bottom:none;padding:0}
.abt-social-slide li a{width:59px;height:59px;float:left;text-indent:-99999px;border:solid 1px #222121;border-radius:5px;-webkit-transition:All .3s ease-out;-moz-transition:All .3s ease-out;-o-transition:All .3s ease-out;margin:5px 5px 10px;padding:0}
.abt-social-slide li a.facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuB2IEd7A_HAtEHJbsoC6LqFjCrpD-jbExtAi1352bTQDhTbXwameQOlzFlr3ysgJiTkb-LqW_-zWGT9N2CLDgxAO1UP1Ra7GvjL_SzbaRemcpTC8gqgpv1GeTYZD-UMLi39ldE3sY8A/s1600/facebook.png) no-repeat 0 -88px}
.abt-social-slide li a.facebook:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuB2IEd7A_HAtEHJbsoC6LqFjCrpD-jbExtAi1352bTQDhTbXwameQOlzFlr3ysgJiTkb-LqW_-zWGT9N2CLDgxAO1UP1Ra7GvjL_SzbaRemcpTC8gqgpv1GeTYZD-UMLi39ldE3sY8A/s1600/facebook.png) no-repeat 0 0}
.abt-social-slide li a.twitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiq4D2lNC8I3AQJemx5dX6vfpvhe4Sd_w88QVfp_XzLecAGz-kNfpCH34HBe_mynSK5YoC0xjrzpWoBMsai4mCOOL58bWkLQrfDH54bE1I_YyETDrMxCWwJ4SQnFtT44N_gzPaFHCBDQ/s1600/twitter-1.png) no-repeat 0 -88px}
.abt-social-slide li a.twitter:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiq4D2lNC8I3AQJemx5dX6vfpvhe4Sd_w88QVfp_XzLecAGz-kNfpCH34HBe_mynSK5YoC0xjrzpWoBMsai4mCOOL58bWkLQrfDH54bE1I_YyETDrMxCWwJ4SQnFtT44N_gzPaFHCBDQ/s1600/twitter-1.png) no-repeat 0 0}
.abt-social-slide li a.google-p{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj84JZdY_Ehk83Ff1Gy15GlQXNu4T73aPtlXBDpytKoUAyjCnJEKiBHxvzsXswFCSADUUoVSZ4a2mgq-wNLWjrpvrzquoYV4kflewUmMurHRNqawgLyLBhGOP0I9Zve4i4Zi0AD4uVjrw/s1600/google.png) no-repeat 0 -88px}
.abt-social-slide li a.google-p:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj84JZdY_Ehk83Ff1Gy15GlQXNu4T73aPtlXBDpytKoUAyjCnJEKiBHxvzsXswFCSADUUoVSZ4a2mgq-wNLWjrpvrzquoYV4kflewUmMurHRNqawgLyLBhGOP0I9Zve4i4Zi0AD4uVjrw/s1600/google.png) no-repeat 0 0}
.abt-social-slide li a.rss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlJY9SDuIOPZDP6A6CkfHtpVAD36MbjoxRWpDOmsBL4POHm67Iim_9edRH4Erezyi0aNvtZMCvDMeJiNKwJ7guZU6KYbNTU4Yf8FwrlrgeL_45MiJLiFek34npui3ibBMhLpLRD6gI9w/s1600/twitter.png) no-repeat 0 -88px}
.abt-social-slide li a.rss:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlJY9SDuIOPZDP6A6CkfHtpVAD36MbjoxRWpDOmsBL4POHm67Iim_9edRH4Erezyi0aNvtZMCvDMeJiNKwJ7guZU6KYbNTU4Yf8FwrlrgeL_45MiJLiFek34npui3ibBMhLpLRD6gI9w/s1600/twitter.png) no-repeat 0 0}
</style>
<a href="http://create-blogspot-sites.blogspot.com/" target="_blank">Create Blogspot Sites</a>