title: Customizing Facebook Login button *USING JSSDK not FBML*
body: <p>I am using the Facebook Javascript SDK to create a login button using the following markup.</p>
  
  <pre><code>&lt;div class="fb-login-button" data-show-faces="false" data-width="300px" 
       data-max-rows="1"&gt;Login with Facebook&lt;/div&gt;
  </code></pre>
  
  <p>This works fine.  However, I want to customise this a little bit by making it larger.  I know this was possible using different values (<code>size=</code> for example) in the XFBML markup.  I've found the correct FB css classes that need to be applied by looking at the generated html so I can always hack it with some JQuery magic.</p>
  
  <p>I would much rather just set the appropriate <code>data-*</code> attribute and have FB-JSSDK do it on its own.  </p>
  
  <p><em>I've already tried <code>data-size=</code> which totally doesn't work</em></p>