Facebook likes box is most important and also show the love of the people for his blog or website. Facebook allow an innocent like Box plugin that you can comfortably be used into your blog. This article will highlight you how to Add loveable custom facebook like box with the help of CSS feature to blogger. It is the very simple way not so difficult, Just copy the code and paste into HTML widget. I am confident that this stylish facebook likes box will make sense to your facebook fans and hopefully, you can increase the page likes.
How to Add Loveable Custom Facebook Like Box To Your Webpage
Now we are starting the tutorial.
- Log in your blogger account. Select the layout option from the dashboard. Click on Add gadget.
- When you will click pop up box will come in front of you. Now choose the HTML Option.
- When you open HTML box then copy and paste it. code is below
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfsgH7Khhpa1OFJ450W0x5xzmn2EBkatMBtL7ZYclabFEGjv3K28m0N9PORZWdUJ4K70T5EohorRmH5SdymW5XNG2K0P_rLMmoaHe6hlzkOhiz25Kls2PASPlATEcx_V9XJRoJr23rJSP9/s1600/fan-03-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%2F(add your facebook user name here&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"></iframe>Style 2:
</div>
</div>
<div style="background-color:#F4F4F4;width:250px;padding:10px 0 10px 10px;height:250px;border:1px solid #CCCCCC;"><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%2F(facebook user name here)&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"></iframe>
</div>
</div>
Now finish the tip of the loveable custom facebook like box for blogger. If any question you can ask me.