Facebook & Google+ Like Buttons with addThis

by andyjh07

HTML

<div id="socialbuttons">
    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.glassstructureslimited.co.uk%2F&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
    <!-- Place this tag where you want the +1 button to render. -->
    <div class="g-plusone" data-size="medium"></div>
    <!-- Place this tag after the last +1 button tag. -->
    <script type="text/javascript">
        window.___gcfg = {
            lang: 'en-GB'
        };

        (function() {
            var po = document.createElement('script');
            po.type = 'text/javascript';
            po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(po, s);
        })();
    </script>
    <div id="websiteaddthis">
        <!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=300&amp;pubid=ra-522de00f092d8633"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>

        <script type="text/javascript">
            var addthis_config = {
                "data_track_addressbar": true
            };
        </script>
        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-522de00f092d8633"></script>
    </div>
</div>
<!-- AddThis Button END -->

CSS

#socialbuttons {
    position: absolute;
    top: 0;
    left: 0;
}

#socialbuttons > * { float: left }

#websiteaddthis { float: right; position: absolute; top: 3px; left: 175px; }