CODEWITHSUNDEEP
facebookbuttonfacebook-likeblogger
basesandbaskets
basesandbaskets

Reputation: 11

Like button not working properly on site, stays depressed

On my blog I added the like button to the end of the posts. I have had it installed for about seven months now and it still does not work properly. I added the Javascript SDK and then the appropriate code to my Blogger template (develops.facebook.com) and while it appears on the blog it does not work properly.

Basically, if you click "like" at the end of any post, it will appear in the person's newsfeed but NOT as the individual post. Instead, the generic homepage of "Bases and Baskets" appears in the newsfeed. The interesting thing is that even though the generic logo and blogger description appears, if you click the link itself it sends you directly to the appropriate page. Not sure why...but as you could imagine I would prefer it to work properly and show the article. Also, I want the image at the beginning of the post to appear rather than my Facebook page's profile picture (which you can see here).

Not only is this a problem, but if you click "like" at the end of any one article, the like button remains depressed for ALL posts on the site. For example if one "likes" article A, and ventures to article B, the like button at the end of article B is depressed. Furthermore, the "like" tally at the end of ALL articles is exactly the same (~615).

I can attach a couple pictures that hopefully help, as well.

This has been quite frustrating as you could imagine, and became even more so when I made a new blog, Left Coast Chronicle, recently and everything works! If anybody can help me fix this I will give you all of the info I have to help (email address, chat info, complete HTML template of my blog) if you need it.

Thank you so much!!

Upvotes: 1

Views: 263

Answers (1)

Sascha Galley
Sascha Galley

Reputation: 16091

First of all: omg...this page is HUGE to load!

Secondly: you have missed one important parameter in your like button: the href attribute.

Your script:

<fb:like font='' href='' layout='button_count' send='false' show_faces='false' width='450'></fb:like>

Solution:

<fb:like href='LINK_TO_BLOG_POST' layout='button_count' send='false' show_faces='false' width='450'></fb:like>

Otherwise, the like button will like the current site it sits on (which is - you guessed it - the home page http://www.basesandbaskets.com/)

Third: you have the <div id='fb-root'></div> before each like button. Please use this only ONCE!

Hope this helps.

Upvotes: 1

Related Questions