advanced code snippet search

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

Expand | Embed | Plain Text 
  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. </style>
  29.  
  30. <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.