Ostatnio musiałem edytować wtyczkę społecznościową do fb może się komuś przyda 😉
Po lewej stronie ekranu na środku wyświetla się mała zakładka „facebook” po kliknięciu na nią rozwija się kto lubi to stronę itp.
po ponownym kliknięciu chowa się.

Screeny jak to wygląda

Po kliknięciu:

Kod wrzucamy tuż przed

</body>

<style>
@media only screen and (device-width: 768px) {
	table.ipb_table .expander,
	table.ipb_table .ipsModMenu { visibility: visible; opacity: 0.2; }
	.post_block .post_controls { opacity: 1 !important;	}
}
.facebook{
float:left;
width:240px;
height:400px;
background: url("http://cserwerek.pl/img/fbpodklad.png");
display:block;
left:-210px;
padding:0;
position:fixed;
top:200px;
	z-index:10000;
} </style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
<script type="text/javascript">
var j = jQuery.noConflict();
var isVisible = false;
	j(function (){
		j(".facebook").click(function(){
			isVisible = !isVisible;
		
			if (isVisible)
				j(".facebook").stop(true, false).animate({left:"0"},"medium");
			else
				j(".facebook").stop(true, false).animate({left:"-210"},"medium");
	})
});
</script>
<div class="facebook"> 
<div style="color:#fff; padding:15px 5px 0 5px;"> 
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAMXXPL%2F178991888818498&amp;width=200&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=363" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:363px;" allowTransparency="true"></iframe> 
</div> 
</div> 

oczywiście to

href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAMXXPL%2F178991888818498

musimy zamienić na link do naszej grupy/aplikacji