Facebook Badge Code doesn't work like it should
-
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)
-
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.
-
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!
-
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 :)
-
- The topic ‘Facebook Badge Code doesn't work like it should’ is closed to new replies.