ITGenius4u: jquery effect

<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>

Facebook Pop Out Like Box With Smooth Jquery Hover Effect ITGenius4u

Facebook Pop Out Like Box With Smooth Jquery Hover Effect Facebook Pop Out Like Box With Smooth Jquery Hover Effect This widget is Usage By Every Blogger widget, Firstly this Widget was Developed By …