Add Me!Close Menu Navigation

I build things, hack code and have been colouring in between the lines since 1982. I work as Head of Social Tech at mycleveragency, an awesome Social Media Agency.

Add Me!Open Categories Menu

Displaying Facebook Like Box with Valid HTML

Here is some code that allows you to have a HTML valid Facebook Like Box?

Move the Facebook code into a document.write JS function and it will all validate.

<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

/* <![CDATA[ */

document.write('<div class="fb-like-box" data-href="http://www.shanejones.co.uk" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>');

/* ]]> */
</script>
Posted By Shane Jones

Shane Jones has been working in the on-line space since 2005 in various roles. From Web Development to SEO and Social Media; Shane now finds himself back in Web Development as the Head of Social Tech at mycleveragency in Manchester. The views expressed in Shane's posts are his own and are not necessarily the views of his employer.

One Response to “Displaying Facebook Like Box with Valid HTML”

  1. Robert says:
    April 14, 2012 at 3:11 pm

    You are the man!
    THX
    :)

    Reply

Leave a Reply




Post Categories