UBER CMS - Editting Certain Pages

[Benjames]

Hello, I wanna edit my ME page to add a little facebook widget

<div class="habblet-container ">       
<div class="cbb clearfix orange ">
 
<h2 class="title">%shortname% on Facebook
</h2>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Manic-Hotel/595124470520027" data-width="292" data-show-faces="true" data-stream="true" data-show-border="true" data-header="true"></div>
</div>
 
</div>
</div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

First of all, Would this work? Its the same as my twitter widget and that does.

Secondly, Where would I add this?

Thanks

Ben

(UBER CMS)