Add a Cool and Customized Facebook Like box Without Attribution in Blogger

The Facebook like box is the best plugin to display on your site to increase your Facebook likes.Maybe your blog is the source of getting more likes on your Facebook page.I know that everyone would be greedy to get more likes on his/her Facebook page.So today i will be teaching you how to add a Facebook like box on your blog without attribution to Facebook social plugins page.As you can see in the image that it is also customized version of Facebook like box.I am just here to keep my visitors updated with new tricks and tips online.It requires just little bit CSS customization.To add this box you must follow my simple steps.These steps are just here waiting for you.

Steps To Add A Customized Like Box Without Attribution

1.Go to Blogger Dashboard>Design>Page elements.
2.Select "Html/JavaScript".
3.Add the following piece of code inside the Html/JavaScript  widget.

<style type="text/css">
.sharethetricksFB {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0

}

.sharethetricksFB, .sharethetricksFB:before, .sharethetricksFB:after {
background: #f4f4f4;
border: 1px solid #ccc;
}

.sharethetricksFB:before, .sharethetricksFB:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}

.sharethetricksFB:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
</style>

<div class="sharethetricksFB">
<div style="height:160px;overflow:hidden">
<fb:like-box href="http%3A%2F%2Fwww.facebook.com%2Fpages%2FNewTricksNTips%2F303547589685015" data-width=300 data-height=189 data-show-faces=true data-border-color="#f4f4f4" data-stream=false data-header=false></fb:like-box>
</div>
</div>

<div id="fb-root"></div>

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

4.Click Save and view the stylish Facebook Like box with attribution.

Wanna See It in Action:

Customization which is necessary

You just have to replace the red colored Facebook like page to your Facebook page.We love comments if our tutorial helped us a little please share this post with your friends.Please also subscribe to our Rss Feeds