Facebook Slide

<style type="text/css">
#FBSlideLikeBox_left {background: url(https://www.dropbox.com/s/d9xx08kac3imf2l/buttonfacebook.png?") 292px 0 no-repeat; float: left; height: 200px; position: fixed; left: -292px; padding-right: 60px; top: 10%; width: 292px; z-index: 2000;}
#FBSlideLikeBox_left #FBSlideLikeBox3_left {height: 590px; right: 0; position: absolute; border: 3px solid #3B5998; width: 292px; background: #f8f8f8;}
#FBSlideLikeBox_right {background: url(-ที่อยู่รูปภาพ-ไม่จำเป็น) 0 0 no-repeat; float: right; height: 70px; position: fixed; right: -292px; padding-left: 60px; top: 20%; width: 292px; z-index: 2000;}
#FBSlideLikeBox_right #FBSlideLikeBox3_right {height: 590px; left: 0; position: absolute; border: 3px solid #3B5998; width: 292px; background: #f8f8f8;}
#FBSlideLikeBox_left #FBSlideLikeBox2_left {position: relative; clear: both; width: auto;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
var $fb = jQuery.noConflict();
$fb(document).ready(
function()
{
$fb("#FBSlideLikeBox_left").mouseenter(function()
{
$fb(this).stop().animate({left: 0}, "normal");
}).mouseleave(function()
{
$fb(this).stop().animate({left: -292}, "normal");
});;
});
</script>
<div id="FBSlideLikeBox_left">
<div id="FBSlideLikeBox2_left">
<div id="FBSlideLikeBox3_left">
<iframe src="ลิ้งของเพจเฟสบุ๊คของท่าน&amp;colorscheme=light&amp;show_faces=true&amp;border_color=ffffff&amp;stream=true&amp;header=true&amp;height=590" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:750px;" allowTransparency="true"></iframe></div></div></div>