Floating Social Bookmark

HTML

<div class='social-buttons button-right hidden-phone hidden-tablet'>
<a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>

<a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn'
    target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>

<a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>

    <a
    class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
<span class='social-text'>Follow via Pinterest</span></span>
        </a>
<a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>

<a class='itemsocial' href='http://feeds.feedburner.com/your feed'
        id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>

</div>

CSS

-

JavaScript

$(window).load(function () {
    $('.social-buttons .social-icon').mouseenter(function () {
        $(this).stop();
        $(this).animate({
            width: '160'
        }, 500, 'easeOutBounce', function () {});
    });
    $('.social-buttons .social-icon').mouseleave(function () {
        $(this).stop();
        $(this).animate({
            width: '43'
        }, 500, 'easeOutBounce', function () {});
    });
});