Facebook Badge Code doesn't work like it should

• 

  goodtimecharliesgottheblues · Member · Feb 9, 2011 at 5:45 pm

  • Copy link
  • Add topic to favorites

  I’m normally able to work stuff like this out for myself but this is driving me crazy. I am trying to add a facebook badge to my blogs sidebar via the text widget. According to wordpress support it should work but for some reason the html provided by facebook results in a block of linked text and a broken image symbol. Below is the html facebook gave me. Does anyone know why it’s not working?

  Thanks,
  Sam

  <!– Facebook Badge START –>Good Time Charlie's Got The Blues
  <img src=”http://badge.developers.facebook.com/badge/178716745500395.1760.414851375.png” width=”” height=”” style=”border: 0px;” />
  Promote your Page too<!– Facebook Badge END –>

  The blog I need help with is: (visible only to logged in users)

• 

  mkoenig514 · Member · Feb 9, 2011 at 7:12 pm

  • Copy link

  It looks like your code is incomplete. Please grab a fresh widget code at http://www.facebook.com/badges/.

  An example of a complete badge for a Facebook Page looks like:

  < ! -- Facebook Badge START -- >< a href=" http://www.facebook.com/ [YOUR PAGE ]" target="_TOP" style =" font-family:"font-size:11px;font-variant:normal;font-style:normal;font-weight:normal;color:#3B5998;text-decoration:none;" title="[YOUR TITLE] " rel="nofollow ugc" > [YOUR TITLE]< / a>< br />< a href= "http://www.facebook.com/ [YOUR PAGE ]" target="_TOP" title=" [YOUR TITLE] " rel="nofollow ugc" > < img src=" http://badge.facebook.com/badge/ [#### FOR YOUR PAGE ] . png " width="120" height="148" style="border:0;" / > < / a >< br / >< a href= "http://www.facebook.com/business/dashboard/" target= "_TOP" style="font-family:"font-size:11px;font-variant:normal;font-style:normal;font-weight:normal;color:#3B5998 ;text-decoration:none;" titl ="Make your own badge!" rel=" nofollow ugc">Promote Your Page Too < /a >< ! -- Facebook Badge END - - >

  Please note: this is only an example and not a valid widget.

  Let me know how it goes and if you have any questions. If you still run into issues, please include a link to your blog.

• 

  goodtimecharliesgottheblues · Member · Feb 9, 2011 at 8:02 pm

  • Copy link

  Thanks for your reply! I grabbed a fresh code and exactly the same problem is occurring :( I pasted the code I’m getting from fb and compared next to the one you posted there are definitely some lines missing. I have no idea why fb would provide me with a duff code and if I had enough of a grasp of html I could probably work out what to put in there but it’s a bit beyond me unfortunately!

  My blog is:

  http://goodtimecharliesgottheblues.com/

  and the facebook page I’m trying to link is:

  http://www.facebook.com/pages/Good-Time-Charlies-Got-The-Blues/178716745500395

  Thanks again!

• 

  goodtimecharliesgottheblues · Member · Feb 9, 2011 at 10:41 pm

  • Copy link

  PROBLEM SOLVED! I managed to figure out that the fb code was included a confused jumble of characters in place of an apostrophe in ‘Charlie’s’ I wondered if this was causing WordPress to reject parts of the code and it seems it was! Working perfectly now. Thanks again for your help :)

• 

  mkoenig514 · Member · Feb 10, 2011 at 5:23 am

  • Copy link

  Glad to hear it! Thanks for letting me know.