How to add a Facebook Like Box to Blogger

 Facebook Like Box is a very useful widget to exhibit traffic the authority and love of the people for his blog. Facebook affords an easy Like Box plugin that you can without problems integrate into your internet site But the default Facebook like the container is not having suitable seem at ugly all. This tutorial will show you How To Add Cute Custom Facebook Like Box the use of CSS To Blogger. Facebook Like Box is a nice way to get greater fans on Facebook. A Fan Box permits wonderful entice your Blog extra site visitors or readers to like your Facebook fan page no longer leaving the like go here. you do not want to do anything you only want to reproduction and paste the code. I'm Sure that this Cool Customize Facebook Like Box With CSS widget attracts your FB followers amplify the be counted of Likes.

How To Add a Custom Facebook Like Box to Your Site

Now let's start adding it... 

Step 1. Login to Your Blogger Account. Go to your Blogger Dashboard. Click on the Layout tab from the left pane and click on Add a Gadget link. 

Step 2. After click on Add a Gadget link A pop-up box will open now with many gadget lists, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. 

Step 3. Select 'HTML/Javascript' and add the one of code given below. 

Step 4. Now Click On Save 'JavaScript' You are done.

Note:- Replace pages%2FBlogspot-tutorial%2F220888831260608 With your Facebook User name

Style 1:-

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZKeW55NcwBzIA1sXB0DRL7Cz90StCn5thg-EnVqoR4OX3WDE8EsMGlpLqiA7kUCgeONrezvRkpfhiO2UURL8NWdNcVoCnTXWI648dNXR47VpMo81vU61mskmCjB505rDljRdkVj7bOfAN/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%2Fpages%2FBlogspot-tutorial%2F220888831260608&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>

I hope you enjoy this post and the photos.  How do I add a Facebook Like Box to Blogger