How to add customized Facebook Like box to your website or blog

Hi guys, we are always here to serve you with tools and tips that will transform your blog from a boring website to an absolutely eye-catching one.
Today, we'll be sharing with you on how to create a customized Facebook Like button.
For Blogger Users
Go to your http://blogger.com
Click on Layout
Click on add new gadget
Select the Add HTML/JavaScript Gadget in the pop up window that appears
Copy the Code below and paste it into the text area
Save it
Save the current layout arrangement and click on view blog

<style type="text/css"> .facebookOuter { background-color:#FFCC00; width:250px; padding:10px 0 10px 10px; height:250px; border:1px solid #CCCCCC; } .facebookInner { height:250px; overflow:hidden; } </style> <div class="facebookOuter"> <div class="facebookInner"> <div class="fb-like-box" data-width="245" data-height="290" data-href="http://www.facebook.com/websytedesigners" data-border-color="#F4F4F4" data-show-faces="true" data-stream="false" data-header="false"> </div> </div> </div> <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>










Photo Credit: Digiday