How To Add a Custom Facebook Like Box to Your Site

The gadget style determines the physical appearance of the gadget. The style you choose will determine the color and format of the gadget title, the gadget content, and the gadget border. You can choose from theme-specific styles and styles that are common to all themes.

Today i have share you a topic in which you can change you blogger/website facebook like box and make beautiful style

Step One : Login To your blogger.com and go to layout

Step Two.  After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget 

Step Three. Select 'HTML/Javascript' 

Step Four. Now Copy below Code and Paste

Step Five: Now Replace “Past your Page yours name”

With your Face book page Name

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsyWxxQwHjQZhraTkBOvx0o6xjCHLv155JOQUGemZMCXVutpKY827l4n2zS8adHM8P6Js6VK8eQelDPPsCnQ_TKLVCV3jVl4pmhxH0ns3eiAiRmGXZuWmRX3I_WsNPu9GBNo4-TkBfcw/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FPast your Page yours name &amp;width=250&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>

Click On Save 'JavaScript' You are done.