Facebook like button doesnt show up

See more:

Javascript

Facebook-API

Hello , im trying to add facebook like to my website.
I have added facebook javascript SDK right after body tags using

<script type="text/javascript">
    window.fbAsyncInit = function() {
        FB.init({appId: 'my id i recieved', status: true, cookie: true, xfbml: true});
    };
    (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol + '//connect.facebook.net/pt_PT/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
    }());
</script>

and after that adding button itself from facebook.developers

<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-width="200" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>

but the problem is the button does not show up. I just cant find the solution to this, not even on stackoverflow. Im opening it on localhost with wampserver.
Thanks for answers