customizing facebook like-box

css iframe facebook facebook-like
EVG picture EVG · Oct 31, 2010 · Viewed 38.3k times · Source

I would like to customize the design of my facebook like-box. ive already search the net and follow all the instructions, here's the link ive tried but its seems obsolete:

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

there are lots of tutorial in web, but have the same solution.

been stuck for almost 2 hours in this. can anyone knows how to customize the like-box?

your help is greatly appreciated.

Answer

Weltkind picture Weltkind · Apr 13, 2011
  1. Get XFBML code from here: http://developers.facebook.com/docs/reference/plugins/like-box/#
  2. Rename fb:like-box to fb:fan
  3. Upload your css file on your web-site
  4. Add this params to fb tag: profile_id="ID OF YOUR PAGE" css="http://example.com/css/your-cutom-style.css?1"

Enjoy :)

Related questions

How to apply CSS to iframe?

I have a simple page that has some iframe sections (to display RSS links). How can I apply the same CSS format from the main page to the page displayed in the iframe?

Read More
Remove border from IFrame

How would I remove the border from an iframe embedded in my web app? An example of the iframe is: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> I would like the transition from the …

Read More
Full-screen iframe with a height of 100%

Is iframe height=100% supported in all browsers? I am using doctype as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> In my iframe code, if I …

Read More