How To Add Fancy Facebook Like Box to Blogger Template

As you all know for getting more traffic from social medias like Facebook, Twitter and Google+ first you have to make lots of fans and followers then you will get tons of visitors from social medias, therefor I want to share with you a professional looking Like box, adding this Facebook like box is very easy you just have to some simple steps, this is professional looking widget because this box come without any credits or Facebook links this only for your Facebook fan page, Lets read below and see a live demo then learn How To Add Fancy Facebook Like Box to Blogger Template.

Why This Widget Is Important ?

1. This like box will boost your Facebook fan page likes in some days,
2. You can give a professional touch to your blogger blog's template,
3. You can use it on Blogger.com, WordPress and Weebly etc,
4. This box not have any credit link such like "Get It", Grab It" etc,
5. You can add this like box in any area of your blog template like Sidebar, Footer etc.

Learn How To Add Fancy Facebook Like Box To Blogger Blog's Template

1, Go to blogger.com and log in,

2, Select your favorite blog and go to its Layout section,

3, Now click on Add a Gadget button > select HTML/JavaScript,

4, Copy following HTML coding Using Ctrl + F and paste it into HTML box,

<style>
.ABTfb{width:280px; height:200px; border-radius:3px; position:relative; padding:5px 10px 15px 0; background:#fbfbfb; border:1px solid #cecece}
.ABTfb:before{background:#fbfbfb; border:1px solid #dedede; content:""; position:absolute; bottom:-3px; left:2px; right:2px; height:1px}
.ABTfb:after{background:#fbfbfb; border:1px solid #dedede; content:""; position:absolute; bottom:-5px; left:4px; right:4px; height:1px}
</style>
<div class="ABTfb">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/AllBlogThings&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fbfbfb&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:287px; height:210px;" ></iframe>
</div>

5, Change  RED  colored text with your Facebook fan page URL, and Save It.

Final Words

I'm very happy for this widget hope you all like this awesome Facebook like Box, if you have any suggestion are tip for this widget then leave comments and if you don't like it then let me know why ? on comments and contact us form. Peace!