ITGenius4u: facebook pop up

<h2>
Facebook Pop Out Like Box With Smooth Jquery Hover Effect</h2>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt6nNhgCIv6YplvlEiYSpnKmCFkV5bdkn-8FijjZVQ6HpLSlRi5uLDjMvZoMkgCXkhoPt96WXvFnxLKfF7HAeEnGbgJHmyIt-5eBfOt3B2odwy3mHSK2KjZJiaGGdt9JHeqy7cEkeoSwA2/s1600/facebook-popout-like-box.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Facebook Pop Out Like Box With Smooth Jquery Hover Effect" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt6nNhgCIv6YplvlEiYSpnKmCFkV5bdkn-8FijjZVQ6HpLSlRi5uLDjMvZoMkgCXkhoPt96WXvFnxLKfF7HAeEnGbgJHmyIt-5eBfOt3B2odwy3mHSK2KjZJiaGGdt9JHeqy7cEkeoSwA2/s1600/facebook-popout-like-box.gif" title="Facebook Pop Out Like Box With Smooth Jquery Hover Effect" width="395" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Facebook Pop Out Like Box With Smooth Jquery Hover Effect</td></tr>
</tbody></table>
<div>
 </div>
This widget is Usage By Every Blogger widget, Firstly this Widget was Developed By ( Haris ) 
I just Re-share this Widget on my Blog.. 
<h2>
How Install This Widget On Blogger?</h2>
<div>
<ol>
<li>Click On Layout On the Left Side Of Your Blogger Dashboard.</li>
<li>Click Add a Gadget</li>
</ol>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73uDoCOKvhDwgLPnlqpVcni_WbuzQ4hLTanysuvVS-8Oysieraw9HT9HT0lsL4yyN416pbP4Thk6qRLJrcQPxcNz976Pkh95WtIye4Q6ZWQ4clcCXmd1_-Gv2u-qWRLNKv0uqwK7vlQBn/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73uDoCOKvhDwgLPnlqpVcni_WbuzQ4hLTanysuvVS-8Oysieraw9HT9HT0lsL4yyN416pbP4Thk6qRLJrcQPxcNz976Pkh95WtIye4Q6ZWQ4clcCXmd1_-Gv2u-qWRLNKv0uqwK7vlQBn/s1600/Screenshot_2.png" /></a></div>
</div>
<ol>
<li>Click on HTML/JavaScript</li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOeyL2B1X2c14Cjvqhewt0mCn4svHmmfLrbQUeaSnxvelV3IcLKPP1EBR24k7kKjBrc1GKCEx9RppGp0Lw2G6nRxwp8RG1zVv5AcNMfgS-1de1xm05g_x2hMrFVh6PyOAADAQCHkCTpzog/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOeyL2B1X2c14Cjvqhewt0mCn4svHmmfLrbQUeaSnxvelV3IcLKPP1EBR24k7kKjBrc1GKCEx9RppGp0Lw2G6nRxwp8RG1zVv5AcNMfgS-1de1xm05g_x2hMrFVh6PyOAADAQCHkCTpzog/s1600/Screenshot_1.png" width="320" /></a></div>
<div>
 </div>
<ol>
<li>Copy The Script Given Below And Paste it</li>
<li>Do Nothing Just Change Your Facebook Name Instead Of ITGeniu4u in the Blu Color.</li>
</ol>
<div>
<pre class="prettyprint lang-html prettyprinted" style="-webkit-user-select: text; background-color: #333333; border: 1px solid rgb(136, 136, 136); line-height: 21px; max-height: 500px; overflow: auto; padding: 2px; width: 827px;"><script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><style type="text/css">.mdfbplikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.mdfbplikebox span a{color: #808080;text-decoration:none;}.mdfbplikebox span a:hover{text-decoration:underline;}
/*<![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/AVvXsEjIXDh0pgZNoWrkcdtb1fmvQk3ZuVQMFgIqmg11cmMw9krO7ONkjqI9eypsPXBih1Q0AYDiWIapJame5t3CR_Qc81CaXhTvQ5Pdbpn-MSlgOeFquVByiLNHuLJmetGAPBvcEThYPHWi_lE3/s1600/md_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(md){
 md(document).ready(function(){
 var $dur = "medium"; // Duration of Animation
 md("#fbplikebox").css({left: -250, "top" : 100 })
 md("#fbplikebox").hover(function () {
 md(this).stop().animate({
 left: 0
 }, $dur);
 }, function () {
 md(this).stop().animate({
 left: -250
 }, $dur);
 });
 md("#fbplikebox").show();
 });
 })(jQuery);
/*]]>*/
</script>
<div class="mdfbplikebox">
<div id="fbplikebox" style="display:none;">
 <div class="fbplbadge"></div> 
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ITGenius4u&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#F5EBF5;" allowTransparency="true"></iframe>
By <a href="http://www.makingdifferent.com/">Making DIfferent</a> / <a href="http://www.makingdifferent.com/add-static-facebook-pop-out-like-box-with-smooth-jquery-hover-effect/">+Get This!</a>

</div>
</div></pre>
</div>
</div>