title: Different css for different pages
body: <p>I have a blog on Blogger and have some widgets. I was wondering that is it possible that a widget is displayed differently on a homepage as compared to rest of the pages?</p>
  
  <p>For example a box</p>
  
  <pre><code>/* on home page, it should appear like this */
  #box {
  background: green;
  width:200px; height:100px;
  }
  
  /* on other pages, it should appear like this */
  #box {
  background: red;
  width:200px; height:200px;
  }
  </code></pre>