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&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.
amp;colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:292px; height:258px;" ></iframe>
<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.
Post a Comment