Posted By

manocreative on 01/08/11


Tagged

html button facebook like fbml


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

AllKnightAccess
acousins
DrPepper


Like Button in FBML Tab


 / Published in: HTML
 

This is a small hack to include a Like button in a fbml tab or a static facebook tab and style it the way you want it. Note: Facebook constantly changes, but as of January 7, 2011 this is still working. Full tutorial can be seen here http://bit.ly/giTBT8

  1. /* IN FBML TAB */
  2. <style type="text/css">
  3. .connect_widget_vertical_center,
  4. .comment_body {
  5. display: none;
  6. }
  7.  
  8. .connect_widget_button_cell {
  9. display: block;
  10. }
  11.  
  12. .connect_widget_interactive_area .connect_widget_button_cell a {
  13. background: url(http://finite/path/to/like_button.jpg) no-repeat;
  14. border: none; display: block; height: 22px;
  15. overflow: hidden;
  16. padding: 0;
  17. width: 59px;
  18. }
  19.  
  20. .connect_widget_interactive_area .connect_widget_button_cell a span { display: none; }
  21.  
  22. /* Remove unnecessary border radius */
  23. .connect_widget_interactive_area .connect_widget_button_cell a {
  24. -moz-border-radius: 0;
  25. -webkit-border-radius: 0;
  26. border-radius: 0;
  27. }
  28.  
  29. <fb:comments xid="[Random Number Associated To Random Comment Feed]_comments" canpost="false" candelete="false" returnurl="http://www.facebook.com/[Your Facebook Page]"><fb:title></fb:title></fb:like>

Report this snippet  

You need to login to post a comment.