Floating Popup Facebook Like Box

To add facebook popup like box to your blog:

1. Go to the Dashboard of your Blog.
2. Click on Layout.
3. Click on Add a Gadget and Select HTML/Javascript.
4. Copy the below codes and paste it in Your Gadget. Then Save it. <!-- Facebook Popup Box by Smritirogi --> <style type='text/css'> #smriti-popup { position:fixed !important; position:absolute; top:-1000px; 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; } #smriti-popup a.smriti-popupclose { 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 src='https://smritisangraha.googlecode.com/files/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> $(window).bind("load", function() { // Animate Top $('#smriti-popup').animate({top:"150px"}, 1000); // Widget by www.smritisangraha.blogspot.com $('a.smriti-popupclose').click(function() { $(this).parent().fadeOut(); return false; }); }); </script> <div id='smriti-popup'> <!-- Widget by www.smritisangraha.blogspot.com Start --> <left> <b>Don't Forget To Join US Our Community</b></left> <center> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/smritisangraha&width=300&height=258&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'></iframe> </center> <!-- Widget by www.smritisangraha.blogspot.com End --> <a class='smriti-popupclose' href='#'>×</a> <center style='float:right; margin-right:10px;'> <span style='font-size:xx-small; color:#000; text-decoration:none;'></span> <a href='https://smritisangraha.blogspot.com' rel='Follow' target='_blank' title='blogger'><img alt='blogger' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifL42u-f4UDw5zahiL0EwI4wYdzjr3snbolZBimctTTiGz5tDYHCp798jfZWpQJ-6e-W1pFhx2FeSgZxxHmXcY0EgmqgeDhK6nXEF7A_75nSP15TWi0RzejPF55CfGiUkfq5WlpkwBQHg2/s1600/go.png' style='position: fixed; bottom: 10%; left: 0%;'/></a><a href='https://www.smritisangraha.blogspot.com/' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Widget By Smritirogi</a></center> </div> <!-- Facebook Popup Box by Smritirogi -->
5. Check on your Blog and Enjoy.

How to add Floating Pop Up Facebook Like Box Widget