Hi, If you are thinking website link button, use Photoshop to create a slick and clean button text then next process is some html changes <p class="button"><a href="#null">Facebook</a></p> , CSS changes following that and you got it.... CSS changes.... .button { display:block; width:250px; height:50px; text-indent:-9999px; } .button a { display:block; width:100%; height:100%; background:transparent url(campaign-monitor-button.png) no-repeat top left; outline:none; } .button a:hover { background-position:0 -50px; }
Use this code <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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div> OR Follow This link http://developers.facebook.com/docs/reference/plugins/like/