title: Facebook Like Box won't show in sidebar
body: <p>I am trying to display a facebook like box on the sidebar of my website. Yet when I put the code in, nothing appears. I have tried moiving the code to different spots and still nothing appears. I am not sure what I am doing wrong. Thanks in advance. Here is the code.</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;!-- Website template by freewebsitetemplates.com --&gt;
      &lt;html&gt;
      &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Kustum Kostumes&lt;/title&gt;
  &lt;link rel="stylesheet" href="css/style.css" type="text/css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;(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/sdk.js#xfbml=1&amp;version=v2.8";
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));&lt;/script&gt;
  &lt;div id="page"&gt;
      &lt;div id="header"&gt;
          &lt;div class="background"&gt;
              &lt;h1 id="logo"&gt; &lt;a href="index.html"&gt;&lt;img src="images/Banner1.jpg" alt="Logo" /&gt;&lt;/a&gt; &lt;/h1&gt;
              &lt;div id="navigation"&gt;
                  &lt;ul&gt;
                      &lt;li class="selected"&gt;
                      &lt;li&gt;
                          &lt;a href="index.html"&gt;Home&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="services.html"&gt;Services&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;
                      &lt;/li&gt;
  
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="contents"&gt;
          &lt;div id="blog"&gt;
              &lt;div id="sidebar"&gt;
                  &lt;div class="section"&gt;
      &lt;div class="fb-page" data-href="https://www.facebook.com/kustumkostumes" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"&gt;&lt;blockquote cite="https://www.facebook.com/kustumkostumes" class="fb-xfbml-parse-ignore"&gt;&lt;a href="https://www.facebook.com/kustumkostumes"&gt;Kustum Kostumes&lt;/a&gt;&lt;/blockquote&gt;&lt;/div&gt;
                      &lt;ul class="posts"&gt;
                          &lt;li&gt;
                              &lt;span class="time"&gt;.&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;span class="time"&gt;&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;span class="time"&gt;&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div class="section"&gt;
                      &lt;h5&gt;&lt;/h5&gt;
                      &lt;ul&gt;
  
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div id="main"&gt;
              &lt;h3&gt;Welcome to Kustum Kostumes&lt;/h3&gt;
                  &lt;p&gt; We aim to provide high quality, handmade and crafted kostumes, props, sculptures, and artwork!&lt;br&gt; We put in a lot of time and effort into what we produce to make sure that not only is the client &lt;br&gt;happy but it looks as close as possible to the source material. &lt;/p&gt;&lt;p&gt;Please check out the services page to see a detailed list of what we have to offer &lt;br&gt;and the approximate prices for each. Please use the Gumtree links on the side &lt;br&gt;for what we currently have for sale. Alternatively, contact us for anything you have in mind.&lt;br&gt; Don't forget to like us on facebook for continual updates.    
  
                  &lt;/p&gt;
                  &lt;img src="images/bg-header2.jpg" alt="Img" height="325" width="547"&gt;
  
  
              &lt;/div&gt;
              &lt;div class="footer"&gt;
  
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
          &lt;div id="footer"&gt;
          &lt;div class="background"&gt;
              &lt;div class="body"&gt;
  
                  &lt;form action="contact.php" method="post" id="message" class="section"&gt;
                      &lt;h3&gt;Send a Message&lt;/h3&gt;
                      &lt;ul&gt;
                          &lt;li&gt;
                              &lt;label&gt;Full Name:&lt;/label&gt;
                              &lt;input type="text" value=""&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;label&gt;Email:&lt;/label&gt;
                              &lt;input type="text" value=""&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;label&gt;Message:&lt;/label&gt;
                              &lt;textarea&gt;&lt;/textarea&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;input type="submit" value="Send"&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/form&gt;
                  &lt;div class="section"&gt;
                      &lt;h3&gt;Contact Us&lt;/h3&gt;
                      &lt;ul&gt;
  
                          &lt;li&gt;
                              &lt;span&gt;Phone&lt;/span&gt;&lt;strong&gt;:&lt;/strong&gt;
                              &lt;p&gt;
                                  0450101551
                              &lt;/p&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;span&gt;Email&lt;/span&gt;&lt;strong&gt;:&lt;/strong&gt;
                              &lt;p&gt;
                                  kustumkostumes@gmail.com        
                              &lt;/p&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;span&gt;&lt;a href="http://www.facebook.com/kustumkostumes" target="_blank" class="facebook"&gt;&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;p id="footnote"&gt;
                      © Copyright 2017. All rights reserved. ABN 78 820 831 193
                  &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>CSS Stylesheet </p>
  
  <pre><code>    /* Website template by freewebsitetemplates.com */
  @font-face {
  font-family: 'DaysOne-Regular';
  src: url('../fonts/DaysOne-Regular.eot');
  src: local('☺'), url('../fonts/DaysOne-Regular.woff') format('woff'),     url('../fonts/DaysOne-Regular.ttf') format('truetype'), url('../fonts/DaysOne-    Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  body {
  background: url(../images/bg-body.jpg) repeat left top;
  font-family: Arial, Helvetica, sans-serif;
  min-width: 960px;
  margin: 0;
  }
  .background {
  background: url(../images/bg-pattern-red.jpg) repeat left top;
  }
  #page {
  width: 960px;
  margin: 0 auto;
  padding: 156px 0 0;
  }
  img {
  border: 0;
  }
  /*------------------------------ SPRITES ------------------------------*/
  #footer ul li a {
  background: url(../images/icons.png) no-repeat;
  }
  #message input[type='submit'], .more {
  background: url(../images/bg-buttons.png) no-repeat;
  }
  .more {
  background-position: 0 -35px;
  color: #636974;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  width: 170px;
  padding: 1px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  }
  .more:hover {
  background-position: 0 -82px;
  color: #010000;
  }
  /*------------------------------ HEADER ------------------------------*/
  #header {
  width: 100%;
  border-bottom: 5px solid #c3c3c3;
  position: absolute;
  left: 0;
  top: 0;
  }
  #header .background {
  height: 150px;
  border-bottom: 1px solid #b6051c;
  }
  /** Logo **/
  #logo {
  font-family: 'DaysOne-Regular';
  font-size: 36px;
  font-weight: normal;
  line-height: 130px;
  width: 960px;
  margin: 0 auto;
  }
  #logo a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  }
  /** Navigation **/
  #navigation {
  background: url(../images/bg-navigation.png) no-repeat;
  height: 49px;
  width: 960px;
  margin: 0 auto;
  position: relative;
  top: 0;
  }
  #navigation ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 1px 10px;
  }
  #navigation li {
  float: left;
  }
  #navigation li a {
  color: #636974;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 47px;
  width: 154px;
  border-color: transparent;
  border-style: none solid;
  border-width: 1px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  }
  #navigation li a:hover, #navigation li.selected a {
  background-color: #bebcbc;
  color: #2e3a54;
  border-color: #afafaf;
  }
  /*------------------------------ CONTENTS ------------------------------*/
  #contents {
  background: #fff url(../images/bg-content-bottom.png) no-repeat left bottom;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  padding: 23px 0 0;
  -webkit-border-bottom-right-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -moz-border-radius-bottomleft: 1px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  }
  #contents h1, #contents h2, #contents h4, #contents h5, #contents h6 {
  color: #2e3a54;
  font-family: "DaysOne-Regular";
  font-size: 36px;
  font-weight: normal;
  margin: 0 0 18px;
  }
  #contents h2 {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  }
  #contents h4 {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 12px;
  text-transform: uppercase;
  }
  #contents h5 {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  text-transform: uppercase;
  }
  #contents h5 a {
  color: #940315;
  text-decoration: none;
  }
  #contents h6 {
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  }
  #contents p {
  color: #636974;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  padding: 0 0 24px;
  }
  #contents p a {
  color: #636974;
  }
  #contents p a:hover {
  color: #721f29;
  }
  #contents h5 a:hover {
  text-decoration: underline;
  }
  #contents .footer {
  background-color: #f8f8f8;
  clear: both;
  width: 900px;
  margin: 0 0 4px -30px;
  padding: 20px 30px 0;
  }
  #contents .footer h6 {
  float: left;
  width: 210px;
  margin-bottom: 30px;
  margin-right: 20px;
  text-transform: uppercase;
  }
  #contents .section {
  width: 260px;
  padding: 0 0 0 20px;
  }
  #contents &gt; div:first-child {
  padding: 48px 30px 24px;
  }  
  .time {
  color: #636974;
  display: block;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 0 5px;
  }
  /** adbox **/
  #contents #adbox {
  background: url(../images/bg-adbox-bottom.png) no-repeat left bottom;
  padding: 0 0 19px;
  position: relative;
  }
  #adbox &gt; div {
  background-color: #f0f0f0;
  height: 390px;
  -webkit-border-bottom-right-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  -moz-border-radius-bottomleft: 1px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  padding-right: 20px;
  }
  #adbox &gt; div:after {
  clear:both;
  content:"";
  display:block;
  height:1%;
  line-height:0;
  visibility:hidden;
  }
  #adbox h1 {
  padding-top: 18px;
  }
  #adbox h4 {
  font-size: 14px;
  }
  #adbox img {
  float: left;
  margin-right: 20px;
  }
  /** Sidebar **/
  #contents .sidebar {
  float: left;
  min-height: 490px;
  width: 279px;
  border-right: 1px solid #f2cc3d;
  margin: -19px 40px 0 30px;
  padding: 20px 0 0;
  }
  #contents .sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
  #contents .sidebar ul li {
  font-size: 14px;
  line-height: 24px;
  margin: 0 0 24px;
  }
  #contents .sidebar ul span {
  color: #636974;
  display: block;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 0 5px;
  }
  #contents .sidebar ul li a {
  color: #636974;
  text-decoration: none;
  }
  #contents .sidebar ul li a:hover {
  text-decoration: underline;
  }
  #sidebar, .highlight {
  float: right;
  display: inline-block;
  border-left: 1px solid #f2cc3d;
  margin: 0 0 24px 19px;
  }
  #sidebar .section {
  border-top: 1px solid #f2cc3d;
  padding-top: 24px;
  }
  #sidebar .section:first-child {
  border: 0;
  padding-top: 0;
  }
  #sidebar .section ul {
  color: #636974;
  font-size: x-small;
  margin: 0 0 24px;
  padding-left: 12px;
  }
  #sidebar .section ul li {
  padding-left: 10px;
  }
  #sidebar .section ul li &gt; a {
  color: #636974;
  display: block;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  }
  #sidebar .section ul li a:hover {
  text-decoration: underline;
  }
  /** list **/
  ul.list {
  list-style: none;
  width: 600px;
  margin: 0;
  padding: 0;
  }
  ul.list li h5 + img {
  float: left;
  margin-right: 20px;
  margin-top: 6px;
  }
  /** Main **/
  #main &gt; ul {
  display: inline-block;
  list-style: none;
  width: 580px;
  margin: 0;
  padding: 0;
  }
  #main &gt; ul li {
  float: left;
  width: 290px;
  }
  #main &gt; ul li p b {
  color: #2e3a54;
  display: block;
  font-family: 'DaysOne-Regular';
  font-weight: normal;
  text-transform: uppercase;
  }
  /** About **/
  #contents #about {
  padding-bottom: 0;
  padding-top: 48px;
  }
  #about #main img {
  margin-bottom: 18px;
  }
  #about .footer p {
  font-size: 12px;
  }
  /** Services **/
  #contents #services {
  display: inline-block;
  width: 900px;
  }
  #services #sidebar {
  min-height: 620px;
  }
  
  
  /*------------------------------ FOOTER ------------------------------*/
  #footer {
  width: 100%;
  border-top: 5px solid #c3c3c3;
  position: absolute;
  left: 0;
  }
  #footer .background {
  border-top: 1px solid #b6051c;
  }
  #footer .body {
  width: 960px;
  margin: 0 auto;
  padding: 40px 0 20px;
  }
  #footer .section {
  float: left;
  display: inline-block;
  width: 460px;
  margin: 0 10px 24px;
  }
  #footer h3 {
  color: #fff;
  font-family: 'DaysOne-Regular';
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 18px;
  text-transform: uppercase;
  }
  #footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
  #footer ul li {
  color: #b3999c;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  border-top: 1px solid #8a0413;
  padding: 12px 0 0;
  vertical-align:top;
  }
  #footer ul li:first-child, #footer #message ul li {
  border: 0;
  padding: 0;
  }
  #footer ul li span {
  float: left;
  display: inline-block;
  width: 70px;
  vertical-align:top;
  }
  #footer ul li strong {
  float: left;
  display: inline-block;
  margin-right: 6px;
  vertical-align: top;
  }
  #footer ul li p {
  float: left;
  display: inline-block;
  width: 370px;
  margin: 0;
  padding: 0 0 12px;
  }
  #footer ul li a {
  color: #b3999c;
  display: inline-block;
  height: 22px;
  width: 30px;
  margin: 0 10px;
  text-decoration: none;
  }
  #footer ul li a.twitter {
  background-position: -40px 0;
  }
  #footer ul li a.facebook {
  background-position: -40px -32px;
  }
  #footer ul li a.googleplus {
  background-position: -40px -64px;
  }
  #footer ul li a.twitter:hover {
  background-position: 0 0;
  }
  #footer ul li a.facebook:hover {
  background-position: 0 -32px;
  }
  #footer ul li a.googleplus:hover {
  background-position: 0 -64px;
  }
  /** message **/
  #message label {
  float: left;
  color: #b3999c;
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  width: 96px;
  margin-right: 10px;
  text-align: right;
  }
  #message input[type='text'] {
  color: #636974;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  width: 342px;
  border: 1px solid #d7d7d7;
  margin: 0 0 11px;
  padding: 0 4px;
  }
  #message textarea {
  color: #636974;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 95px;
  line-height: 24px;
  width: 342px;
  border: 1px solid #d7d7d7;
  margin: 0 0 4px;
  padding: 0 4px;
  overflow: auto;
  resize: none;
  }
  #message input[type='submit'] {
  background-position: 0 0;
  color: #636974;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  width: 52px;
  border: 0;
  margin-left: 106px;
  padding: 0;
  }
  #message input[type='submit']:hover {
  background-position: -62px 0;
  color: #2e3a54;
  }
  #footnote {
  clear: both;
  color: #b75661;
  font-size: 12px;
  margin: 0;
  text-align: center;
  }
  </code></pre>