How to edit "page plug-in" code of facebook graph api

I am a beginner ro facebook graph api.I have a facebook page,http://ift.tt/1abasyp my website I want to place button,so that whenever people click on that button they could like my page.I googled on it and watched many videos on youtube,though didn't get it properly.Finally I copied and pasted some code provided by facebook in my source file.That code is

<div id="fb-root"></div>
<script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-page" data-href="http://ift.tt/1abasyr" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"></div>

and I got output as shown in the following image.

But I don't want my output like this.So I want to edit this code as,

<div class="fb-page" data-href="http://ift.tt/1abasyr" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><img src="like us on facebook.png"  /></div>

Then it is showing output as follows

Now whenever user clicks on on this button they should like my page.I am unable find an answer to how to achieve this?