Blogger Tricks and Tips: Stylish Facebook Like Box Without Border
Adding a facebook like box into your blogger blog or website is a good practice to help your visitors to like your facebook fan page. Facebook developers really did a great job by creating that nifty like box which have a grey border around that. Mostly bloggers feel that, the border is looking nasty for their blog template and they need to remove it. I have read many articles on this topic and find that almost every site owner is giving a long css code and tell you to wrap like box code into a div tag to hide that border. Friends, you can remove that border easily. There is no need to add that code into your blog template. After removing the border, the like box will look more professional and stylish. Let see how to do it.
Adding a facebook like box into your blogger blog or website is a good practice to help your visitors to like your facebook fan page. Facebook developers really did a great job by creating that nifty like box which have a grey border around that. Mostly bloggers feel that, the border is looking nasty for their blog template and they need to remove it. I have read many articles on this topic and find that almost every site owner is giving a long css code and tell you to wrap like box code into a div tag to hide that border. Friends, you can remove that border easily. There is no need to add that code into your blog template. After removing the border, the like box will look more professional and stylish. Let see how to do it.
Remove Border From Facebook Like Box
If you know how to add facebook like box to blogger blog, then you will be aware with the default code of the like box which looks like this:
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/BloggerTipsTrickscom&width=292&height=258&
amp;colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:292px; height:258px;" ></iframe>
This little code is used to add a like box into your blog but we can't remove the border from that like box with this code. To do this job, we have to make some changes in this code. Don't worry, you have no need to do anything. I have done all the job for you. You just need to replace your like box code with the code given below.
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/bloggertipstrickscom&width=300&height=258&show_faces=true&colorscheme=light&stream=false&border_color=%23fff&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
Once you replace the code, visit your blogger blog or website and see the changes. Border around your facebook like box will not see again. It will look more professional and stylish as shown in the image given below.
This is all about how to remove border from facebook like box. If you need my help on any step then feel free to comment below. It will be my pleasure to help you. Have a nice day!
0 comments