Skip to main content

Embed Facebook Like button/box in Hippo

Facebook Like button

Use the following code to create your Facebook Button. Replace the url in bold with your facebook website url.
-----------
<div id="fb-root">
</div>
<script type="text/javascript">(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 =
"http://connect.facebook.net/en_US/all.js#xfbml=1&#34;;
fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));
</script>
<div data-action="like" data-show-faces="true" data-layout="standard" data-href="https://www.facebook.com/McKeldinLibrary" data-share="true" class="fb-like">
</div>
-------------

Facebook like box

Use the following code to create your Facebook Like Box. Replace the url in bold with your facebook website url. Adjust data-width and data-height to better fit the box to your content area.

--------
<div id="fb-root">
</div>
<script type="text/javascript">(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 =
"http://connect.facebook.net/en_US/all.js#xfbml=1&#34;;
fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));

</script>
<div data-width="250" data-colorscheme="light" data-show-border="true" data-show-faces="true" data-height="200" data-stream="false" data-href="https://www.facebook.com/McKeldinLibrary" data-header="true" class="fb-like-box">
</div>
---------------------

Back to Top