Customized Facebook Like Box Widget For Blogger

Below are some customized facebook like box widget for blogger blogs. With the facebook like box, you can increase the fans on your page and also show your readers your blog's authorithy on the social network. A good and attractive design other than the default design that is generated for the likebox on facebook developers page, can easily get the attention of your readers to like your page from your blog. This will bring about an increase in your returning visitors and blog's pageviews. Follow the steps below to add a customized facebook like box on your blog.

Also Read : Static Facebook Popup Like Box Widget For Blogger

Facebook Popup Like Box With Timer For Blogger

Facebook Invite Friends Button With Timer For Blogger

How to Add Facebook Like Box to Blogger

From your blogger dashboard,
Navigate to Layout.
Click on 'add a gadget' depending on where you want the gadget to be placed.
From the pop-up options, select 'HTML/Javascript'.
Copy the code below for your preferred style field into the text field.

Style 1

 style=".width:248px;padding:10px 0px 10px 10px;height:230px;border-top:5px solid #CCCCCC;border-right:5px solid tomato;border-bottom:5px solid #cccccc;border-left:5px solid tomato;border-radius: 0px 30px 0px 0px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit5QCN0YAEg9UPO2NFrEcQ_TqoHsSNkvMOO-aHCC6rrQUoLkXMNnvKnY53Ao5vXvfw_EKjhQLv9-5CSt7maxa0-OJ1sAMAXfTyrx9DnB2NUnSNVMPCUJ_vbRHASaVWlbpGnSk8YOYpeR6P/s1600/image4.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"> style="height: 250px; overflow: hidden;"> href="http://detutor.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /> href="http://detutor.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"> src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /> href="http://detutor.com/" rel="dofollow" target="_blank" title="Blogger Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /> src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true">

Style 2

 style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsrTOU8kHIfciDmHUU6IgWMR7S-cpAFO9gqgLz6RJVh2Q_Y24_35vIUm7KIfneNQcRKU-czVn_GEUd88FcAyu0tI9_Z7hw9qEbFjL8viI0gT-0Ed_wICyUyUKd8YbCXGaGljFpk9Oe3N_k/s1600/fan-04-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"> style="height: 250px; overflow: hidden;"> href="http://detutor.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /> href="http://detutor.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"> src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /> href="http://detutor.com/" rel="dofollow" target="_blank" title="Blogger Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /> src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true">