Sometime, though, adding a FaceBook gadget just does not produce hoped for results. We see the problem reports in Blogger Help Forum: Get Help with an Issue.
The gadget is blank!or
The gadget does not update anything!The problems will typically involve gadget code - and the FaceBook Debugger wizard is unlikely to provide any help.
FaceBook supplied gadgets, when provided by FaceBook Developers from their website, are probably almost as reliable as Blogger supplied gadgets, installed using "Add a Gadget" - Basics.
Even so, adding a FaceBook Developers provided gadget is subject to known gadget problems - and some problems, unique to FaceBook gadgets.
- Adding a third party gadget, not provided by FaceBook Developers.
- Editing an HTML gadget, in "Rich Text" mode.
Adding a third party gadget, not provided by FaceBook Developers.
Only add official FaceBook Developers gadgets, from the official FaceBook Developers website. Some known hackers have been distributing FaceBook branded gadgets, from their websites.
Using a FaceBook branded gadget, not provided by FaceBook Developers, will not be good for your blog, in the long run.
Editing an HTML gadget, in "Rich Text" mode.
The "Share Buttons" toolbar, for instance, contains a FaceBook Share button.
Some Blogger blogs - like some third party templates - may not routinely load the FaceBook SDK. If a genuine FaceBook Developers gadget, added using "Add a Gadget" - Basics, edited in HTML mode, does not work, it may need the SDK loaded. This is not difficult to do.
The SDK code can be added into an existing Blogger HTML gadget - or you may use a separate gadget. If you are adding a single FaceBook gadget - as in this exercise - simply add the SDK code in front of the FaceBook gadget code.
You might have:
Add the SDK code:<!-- Your like button code --> <div class="fb-like" data-href="http://www.your-domain.com/your-page.html" data-layout="standard" data-action="like" data-show-faces="true"> </div>
And that will be that.
The bottom line is simple.
Keep it simple, get it working - and get back to work, in your blog.