Keeping things social, move the Facebook likebox widget to the right hand side of your screen with this slide-out plugin.


Please add the code in Settings --> Advanced Feature --> Third party Javascript



Just replace your Facebook page Url in below part of the main code.

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://facebook.com/kk1927&amp;

  

<script type="text/javascript">
/*<![CDATA[*/ jQuery(document).ready(function(){
jQuery(".abtlikebox").hover(function(){
jQuery(this).stop().animate({right: "0"},"medium");
},
function(){
jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ 
</script>
<style type="text/css">
.abtlikebox{background:url("https://cdn.shopify.com/s/files/1/0195/1840/t/4/assets/fb1-right_copy.png?1272")
no-repeat scroll left center transparent !important;
float: right;
height: 270px;
padding: 0 5px 0 46px;
width: 245px;
z-index:  99999;
position:fixed;
right:-250px;top:20%;
} 
.abtlikebox div{
padding: 0;
margin-right:-8px;
border:4px solid  #3b5998; background:#fafafa;
}
.abtlikebox span{
bottom: 4px;
font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;
right: 6px;
text-align: right;z-index: 99999;
}
.abtlikebox span a{color: gray;text-decoration:none;
}
.abtlikebox span a:hover{text-decoration:underline;
}
}
</style>
<div class="abtlikebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://facebook.com/kk1927&amp;
width=245&amp;
colorscheme=light&amp;
show_faces=true&amp;
border_color=white&amp;
connections=9&amp;
stream=false&amp;
header=false&amp;
height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white;
overflow: hidden;
height: 270px;
width: 245px;
background:#fafafa;">
</iframe>
</div>
</div>
<div id="as-root"></div>