New Static Facebook Popout like Box For Blogger

Hi,Today i am Going to give You Very Beautiful blogger Widget for Facebook.This is Version 2 Pop out Like Box You Can Add This Widget to your blog,You Can change it Width,height Etc,So Lets Start!

How To Install Version 2 Popout Like Box ?

 First You Have to Add This Javascript in Your Blog Right Before Closing Tag of HEAD .

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></scrip

After this Save your Template and then Go To Layout and Add HTML widgets.

Now Add this code

<style type="text/css"> /*<![CDATA[*/ #fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;} .fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbi-bNfklXfTiAx6i8JLYTyuf9C78sX96JRQH5Ka2fRFcnc1Un3IW-jyNZM5gfuHL1qxPWoRmQx7auqV9Bb7NT6UjhBNSUpMdWsKyLg7XHf3AgkUEEuRw9yGuODtv-EVX4FRU_kCyMrGMi/s1600/w2b_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;} /*]]>*/ </style> <script type="text/javascript"> /*<![CDATA[*/ (function(w2b){ w2b(document).ready(function(){ var $dur = "medium"; // Duration of Animation w2b("#fbplikebox").css({left: -300, "top" : 100 }) w2b("#fbplikebox").hover(function () { w2b(this).stop().animate({ left: 0 }, $dur); }, function () { w2b(this).stop().animate({ left: -300 }, $dur); }); w2b("#fbplikebox").show(); }); })(jQuery); /*]]>*/ </script> <div id="fbplikebox" style="display:none;"> <div class="fbplbadge"></div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fibloggrmaster&width=300&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:250px;background:#F5EBF5;" allowtransparency="true"></iframe> </div>


Replace Your FACEBOOK Page URL to this : http://facebook.com/ibloggrmaster

Now save and You Are Down :)