There are various ways by which we can stylize our Facebook like box plugin easily. You would have noticed that decent looking border to our Facebook like box in the sidebar. Thats fairly easy to achieve and with the implementation of few lines of CSS3, you can get enjoy that border.Why to implement that?
With a unique stylization to your social plugins, the chance of opt-in increase to a great extent. People tend to notice them more and thus join in your blogging community.Follow the below steps to add the decent looking border to your Facebook like box.
Step #1 Get Your Facebook Like box iFrame code.
Go to Facebook for Developers and get your Facebook Like box plugin. Once done, get the iFrame code.
Once done follow the next step.
Step #2 Add the CSS3 code.
Go to Blogger dashboard >> Add a new Gadget >> HTML/JavaScript. Now simply paste the following code below.
<style>
.fb-wrap {
border: 5px solid #A5CBE2;
border-radius: 6px 6px 6px 6px;
height: 290px;
width: 290px;
}
</style>
<div class="fb-wrap">
Like Box iFrame Code.
</div>
Hope that was exciting. A border around your Facebook Like box would surely highlight the plugin and would increase opt-ins.
You may like to read: