FACEBOOK POPUP LIKE BOX FOR YOUR BLOG

1. Go To Your Blog and click Layout

2. Click Add a Gadget
3. Next Click HTML/ Java Script

4. Past Below Code

<!--Facebook Popup likebox--> <style type='text/css'> #fb-box { position:fixed !important; position:static; top:-800px; left:50%; margin:0px 0px 0px -182px; width:300px; height:auto; padding:16px; background:#FEFEFE;font:normal Dosis, Georgia, Serif; color:#111; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #fb-box a.bsclose { position:absolute; top:-10px; right:-10px; background:#fff; font:bold 16px Arial, Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:#000000; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:25px; cursor:pointer; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type='text/javascript'> $(window).bind("load", function() { $('#fb-box').animate({top:"50px"}, 1000); $('a.bsclose').click(function() { $(this).parent().fadeOut(); return false; }); }); </script> <div id='fb-box'> <!-- Widget by www.grcomworld.blogspot.com Start --> <center> <b><a class="Blogtariff">Please Like Us</a></b> </center> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/OnlineItAcademy1?ref=hl&amp;width=292&amp; height=258&amp;show_faces=true&amp; colorscheme=light&amp;stream=false&amp; show_border=true&amp; header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"> </iframe> </center> <!-- Widget by http://sl-it-help.blogspot.com End --> <a class='bsclose' href='#'>&times;</a> <center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at </span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://sl-it-help.blogspot.com">Online IT Academy</a></center> </div>

5. Find This Link  : https://www.facebook.com/OnlineItAcademy1?ref=hl
6. Replace Above link and save Your Facebook Page link
7. Save Script

Posted in: HTML